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,点击按钮后"赵云"即被选中