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