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

JavaScript017

如何在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>

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"

}