js 动态设置 option 的selected 选项

思路：通过for循环判断每个选项，一旦满足条件则设置其selected属性为true即可，关键代码：

var obj = document.getElementById(select_id);
for(i=0;i<obj.length;i++){
  if(obj[i].value == something)
    obj[i].selected = true;
}

下面给出实例演示：

1、HTML结构

<select id="test">
    <option selected value="0">- 请选择 -</option>
    <option value="1">关羽</option>
    <option value="2">赵云</option>
    <option value="3">马超</option>
    <option value="4">黄忠</option>
    <option value="5">张飞</option>
</select>
<input type="text" id="sel_text"/><input type='button' value='设置选项' οnclick="fun()"/>

2、javascript代码

function fun(){
    var str = document.getElementById("sel_text").value;
    var obj = document.getElementById("test");
    for(i=0;i<obj.length;i++){
        if(obj[i].value==str)
            obj[i].selected = true;
    }
}

 

3、设置效果：如图设置选中项为2，点击按钮后"赵云"即被选中

转载于:https://www.cnblogs.com/007sx/p/6185795.html