当前位置: 代码迷 >> Eclipse >> 透过字符串设置当前网页select元素相应条目选中
  详细解决方案

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

热度:95   发布时间:2016-04-23 14:18:35.0
通过字符串设置当前网页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>
可以执行的
  相关解决方案