如何在js中下拉列表选中某个值?

JavaScript020

如何在js中下拉列表选中某个值?,第1张

<select name="r_house" id="r_house">

<option value="选项1">选项1</option>

<option value="选项2" selected>选项2</option><!--如果想直接在html中选定某项,给该项加个selected属性即可,不需要编程-->

<option value="选项3">选项3</option>

<option value="选项4">选项4</option>

<option value="选项5">选项5</option>

<option value="选项6">选项6</option>

</select>

<script>

window.onload=function(){

 //如果一定要js代码实现,可以这样:

 //方法一(假定选定第3项,下同):

 r_house.value="选项3"

 //方法二:

 r_house.options[2].selected=true

 //方法三:

 r_house.children[2].selected=true

 //方法四:

 r_house.getElementsByTagName("option")[2].selected=true

 //方法五:

 r_house.querySelectorAll("option")[2].selected=true

 //还有N多种方法此略

}

</script>

首先设置下拉列表控件的id属性

<select id="test" name="">

<option value="1">text1</option>

<option value="2">text2</option>

</select>

1:拿到select对象: var myselect=document.getElementById("test")

2:拿到选中项的索引:var index=myselect.selectedIndex// selectedIndex代表的是你所选中项的index。

3:拿到选中项options的value: myselect.options[index].value

4:拿到选中项options的text: myselect.options[index].text

另外还有jquery的方法(前提是已经加载了jquery库):

1:var options=$("#test option:selected") //获取选中的项

2:alert(options.val()) //拿到选中项的值

3:alert(options.text()) //拿到选中项的文本

js通过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"

}