如何用js实现下拉框中selected

思路：设置下拉框的value属性，那么下拉框的option选项中相应value值选项就会被选中。

下面实例演示——根据文本框值设置下拉框选中项：

1、HTML结构

<select id="test">

<option value="0">-- please select --</option>

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

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

<option value="3">option-3</option>

</select><br>

<input type="text" id="val"><input type="button" value="设置" onclick="fun()">

2、javascript代码

function fun(){

var val = document.getElementById("val").value

document.getElementById("test").value = val

}

3、效果演示

<select name="role" id="sel" style="display: none"> <option value="a">

aaa</option> <option value="b"> bbb</option> </select>

这不就是下拉框么 ，把这个style="display: none"去掉就显示出来了

---