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='设置选项' onclick="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,点击按钮后"赵云"即被选中

posted @ 2016-12-16 10:06  007少侠  阅读(18125)  评论(0编辑  收藏  举报
友情链接:便宜vps(CN2GIA线路)
站长统计: