js實現下拉列表選中某個值的方法(3種方法)
更新時間:2015年12月17日 12:05:32 投稿:shichen2014
這篇文章主要介紹了js實現下拉列表選中某個值的方法,涉及JavaScript針對select下拉列表選擇操作的相關技巧,需要的朋友可以參考下
本文實例講述了js實現下拉列表選中某個值的方法。分享給大家供大家參考,具體如下:
方法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> .......
不在表單之內的下拉列表框mycombo的操作
document.all( "mycombo ").selectedIndex=2 // 成功選中“蘋果”這一項 mycombo.selectedIndex=2 // 成功選中“蘋果”這一項 document.mycombo.selectedIndex=2 // 失敗
在表單myform之內的下拉列表框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函數代碼如下:
function setvalue() { document.getElementById("mysel").value="2"; }
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
驗證javascript中Object和Function的關系的三段簡單代碼
今天重溫經典書籍。這一次看的是博客園李戰(zhàn)老師寫的<<悟透JavaScript>>,也是被樓豬翻看最多的技術書籍之一。2010-06-06JavaScript ES6的新特性使用新方法定義Class
這篇文章主要介紹了JavaScript ES6的新特性使用新方法定義Class 的相關資料,需要的朋友可以參考下2016-06-06