首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Eclipse开发 >

透过字符串设置当前网页select元素相应条目选中

2011-11-07 
通过字符串设置当前网页select元素相应条目选中问题是这样的,我有一个函数出了点问题希望高手帮忙解决下。

通过字符串设置当前网页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>
可以执行的

热点排行