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

JavaScript018

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

}

var s = document.getElementById("bendi")

var ops = s.options

for(var i=0i<ops.lengthi++){

var tempValue = ops[i].value

if(tempValue == "2") //这里是你要选的值

{

ops[i].selected = true

break

}

}