通过字符串设置当前网页select元素相应条目选中
问题是这样的,我有一个函数出了点问题希望高手帮忙解决下。函数如下:
功能 通过字符串设置当前网页select元素相应条目被选中
参数 value 表示select的value值
id表示select的id值
function setSelect(value, id) {
alert(value);//输出参数value的值为02是字符串形式var select = document.getElementById(id);
var options = select.options;
for (var i = 0; i < options.length; i = i + 1) {
alert(options[i].value);//输出options[1].value的值为02
alert(options[i].value == value);//前面语句都没有问题,我已经验证过了,就是if语句块老执行不到。我把它输出后发现,每次循环总是false,不知道为什么? if (options[i].value == value) {
select.selectedIndex = i;
break;
}
}
return;
}
[解决办法]
<html>
<script type="text/javascript" language="javascript">
function test(){
var s=document.getElementById("txt").value;
//alert(s);
var ops=document.getElementById("s1");
//alert(ops);
for(var i=0;i<ops.length;i++)
{
//alert(ops[i].value);
if(ops[i].value==s){
document.getElementById("s1").selectedIndex=i;
break;
}
}
}
</script>
<body>
<select id="s1">
<option value=01>01
<option value=02>02
<option selected value="03">03
</select>
<input type="text" id="txt">
<input type=button value=test onclick="test();" >
</body>
</html>
可以执行的