如何用JS选中下拉框选项

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、效果演示