javascript设置下拉框选中项通常有以下两种方法:
-
直接设置下拉框的value属性值,即可将option选项中相应value值选项选中。
-
循环判断option的value值,将满足条件的option的selected属性设置为true。
下面用第一种方法演示根据文本框值设置下拉框选中项:
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> <input type="text" id="val"><input type="button" value="设置" οnclick="fun()">
2、javascript代码
function fun(){ var val = document.getElementById("val").value; document.getElementById("test").value = val; }
3、效果演示