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

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

下面给出实例演示：

1、HTML结构

2、javascript代码

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

扩展资料：

selected 定义和用法

selected 属性规定在页面加载时预先选定该选项。

被预选的选项会显示在下拉列表最前面的位置。

也可以在页面加载后通过 JavaScript 设置 selected 属性。

参考资料：百度百科JS

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

1
2
3
4
5

obj = document.getElementById(select_id);
for(i=0;iif(obj[i].value == something)
obj[i].selected = true;
}

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

1
2
3
4
5
6
7
8
9


- 请选择 -
关羽
赵云
马超
黄忠
张飞



2、javascript代码

1
2
3
4
5
6
7
8

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