Question

怎么动态设置select标签中option选项的selected属性

Answer 1

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

1
2
3
4
5

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

下面给出实例演示：
1、HTML结构

1
2
3
4
5
6
7
8
9

<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>