js實現(xiàn)下拉列表選中某個值的方法(3種方法)
本文實例講述了js實現(xiàn)下拉列表選中某個值的方法。分享給大家供大家參考,具體如下:
方法1:
<select id="aa"> <option>1</option> <option>2</option> </select> <input type="button" value=" 選中" onclick="checkOption()" /> <script language="javascript" type="text/javascript" > function checkOption() { document.getElementById("aa").options[1].selected = true; alert("選中了2"); } </script>
方法2:
有一個如下的drop down
<select name="" > <option value="1">11</option> <option value="2">22</option> <option value="3">33</option> .......
不在表單之內(nèi)的下拉列表框mycombo的操作
document.all( "mycombo ").selectedIndex=2 // 成功選中“蘋果”這一項 mycombo.selectedIndex=2 // 成功選中“蘋果”這一項 document.mycombo.selectedIndex=2 // 失敗
在表單myform之內(nèi)的下拉列表框combo2的操作
document.all( "combo2 ").selectedIndex=2 // 成功選中“買水果”這一項 myform.combo2.selectedIndex=2 // 成功選中“買水果”這一項 document.myform.combo2.selectedIndex=2 // 成功選中“買水果”這一項
方法3:
可以通過value來賦值。
舉例如下:
下拉列表代碼如下:
<select onPropertyChange="showValue(this.value)" id="mysel"> <option value=""></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="button" value="changevalue" onclick="setvalue();">
JS函數(shù)代碼如下:
function setvalue() { document.getElementById("mysel").value="2"; }
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery+json 通用三級聯(lián)動下拉列表
- javaScript年份下拉列表框內(nèi)容為當(dāng)前年份及前后50年
- js獲取下拉列表框<option>中的value和text的值示例代碼
- javascript實現(xiàn)在下拉列表中顯示多級樹形菜單的方法
- extJs 文本框后面加上說明文字+下拉列表選中值后觸發(fā)事件
- javascript級聯(lián)下拉列表實例代碼(自寫)
- javascript獲取下拉列表框當(dāng)中的文本值示例代碼
- 使用js實現(xiàn)一個可編輯的select下拉列表
- JavaScript實現(xiàn)下拉列表效果
相關(guān)文章
阻止事件(取消瀏覽器對事件的默認(rèn)行為并阻止其傳播)
取消瀏覽器對事件的默認(rèn)行為(響應(yīng))(比如a標(biāo)簽的跳轉(zhuǎn)等)并停止事件的繼續(xù)傳播,下面有一個不錯的示例大家可以感受下2013-11-11驗證javascript中Object和Function的關(guān)系的三段簡單代碼
今天重溫經(jīng)典書籍。這一次看的是博客園李戰(zhàn)老師寫的<<悟透JavaScript>>,也是被樓豬翻看最多的技術(shù)書籍之一。2010-06-06JavaScript ES6的新特性使用新方法定義Class
這篇文章主要介紹了JavaScript ES6的新特性使用新方法定義Class 的相關(guān)資料,需要的朋友可以參考下2016-06-06JS獲取復(fù)選框的值,并傳遞到后臺的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫S獲取復(fù)選框的值,并傳遞到后臺的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05JavaScript大數(shù)相加相乘的實現(xiàn)方法實例
這篇文章主要給大家介紹了關(guān)于JavaScript大數(shù)相加相乘的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10從數(shù)據(jù)庫讀取數(shù)據(jù)后將其輸出成html標(biāo)簽的三種方法
需要輸出成html標(biāo)簽時編譯器卻自動幫我們輸出成字符串,這該怎么辦?下面有個三個解決方法,一一測試便知其效果是如何2014-10-10JavaScript實現(xiàn)動態(tài)數(shù)字時鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)動態(tài)數(shù)字時鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-05-05