js動態(tài)設(shè)置select下拉菜單的默認(rèn)選中項(xiàng)實(shí)例
利用javascript設(shè)置select下拉菜單的選中項(xiàng)。
代碼實(shí)例如下:
<!--js動態(tài)設(shè)置select下拉菜單的默認(rèn)選中項(xiàng)--> <html> <head> <title>下拉菜單</title> <script type="text/javascript"> window.onload=function(){ var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到數(shù)組option var obt=document.getElementById("bt"); obt.onclick=function(){ opts[3].selected=true;//設(shè)置option第4個(gè)元素,即value="3"為默認(rèn)選中 } } </script> </head> <body> <select name="select" id="selID"> <option value="0">下拉菜單一</option> <option value="1">下拉菜單二</option> <option value="2" selected>下拉菜單三</option> <option value="3">下拉菜單四</option> <option value="4">下拉菜單五</option> </select> <input type="button" id="bt" value="查看效果"/> </body> </html>
以上代碼實(shí)現(xiàn):
1、初始時(shí)選中下拉菜單三;
2、點(diǎn)擊按鈕可以設(shè)置select下拉菜單的默認(rèn)選中項(xiàng)---下拉菜單四。
以上這篇js動態(tài)設(shè)置select下拉菜單的默認(rèn)選中項(xiàng)實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JavaScript 下拉菜單實(shí)現(xiàn)代碼
- css+js下拉菜單
- 三級下拉菜單的js實(shí)現(xiàn)代碼
- 一個(gè)日期下拉菜單的js實(shí)現(xiàn)代碼
- JS實(shí)多級聯(lián)動下拉菜單類,簡單實(shí)現(xiàn)省市區(qū)聯(lián)動菜單!
- Js點(diǎn)擊彈出下拉菜單效果實(shí)例
- JavaScript實(shí)現(xiàn)下拉菜單的顯示和隱藏
- JS中用三種方式實(shí)現(xiàn)導(dǎo)航菜單中的二級下拉菜單
- js實(shí)現(xiàn)全國省份城市級聯(lián)下拉菜單效果代碼
- javascript實(shí)現(xiàn)簡單下拉菜單效果
相關(guān)文章
詳解微信小程序的不同函數(shù)調(diào)用的幾種方法
這篇文章主要介紹了微信小程序的不同函數(shù)調(diào)用的幾種方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05使用遞歸遍歷對象獲得value值的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄褂眠f歸遍歷對象獲得value值的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06JavaScript中window和document用法詳解
這篇文章主要介紹了JavaScript中window和document用法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法
這篇文章主要介紹了JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法,實(shí)例分析了javascript操作表格節(jié)點(diǎn)控制dom元素添加的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03