有一个关于select的问题，比较头疼

写出来了，就是这么个东西<script>
function checkselection()
{
    for (var i=0; i < 2; i++) {
      //eval("inForm.selectTest.options[i]=option" + i)
      if (i==1)
         form1.selection.options[i].selected=true;
      }
}
</script>
<form name="form1" method="post" action="">
  <select name="selection" onclick="checkselection();">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select >
</form>

<select name="issueobject">
         <option value=""> please select here... </option>
         <option value="/cw/issues/2002/9" > 2002 Issue 9  </option>
         <option value="/cw/issues/2002/10" > 2002 Issue 10  </option>
         <option value="/cw/issues/2002/11" > 2002 Issue 11  </option>
         <option value="/cw/issues/2002/12" > 2002 Issue 12  </option>
         <option value="/cw/issues/2002/13" > 2002 Issue 13  </option>
         <option value="/cw/issues/2002/14" > 2002 Issue 14  </option>
         <option value="/cw/issues/2002/15" > 2002 Issue 15  </option>
         <option value="/cw/issues/2002/16" > 2002 Issue 16  </option>
         <option value="/cw/issues/2002/17" > 2002 Issue 17  </option>
         <option value="/cw/issues/2002/18" > 2002 Issue 18  </option>
         <option value="/cw/issues/2002/19" > 2002 Issue 19  </option>
         <option value="/cw/issues/2002/20" > 2002 Issue 20  </option>
         <option value="/cw/issues/2002/21" > 2002 Issue 21  </option>
         <option value="/cw/issues/2002/22" > 2002 Issue 22  </option>
         <option value="/cw/issues/2002/23" > 2002 Issue 23  </option>
         <option value="/cw/issues/2002/24" > 2002 Issue 24  </option>
         <option value="/cw/issues/2002/25" > 2002 Issue 25  </option>
         <option value="/cw/issues/2002/26" > 2002 Issue 26  </option>
</select>
<input type=button onclick="issueobject.options[3].selected=true" value=选第三个>

他的意思应该是这个吧？
<select name="issueobject" onmousedown=this.selectedIndex=3>
         <option value=""> please select here... </option>
         <option value="/cw/issues/2002/9" > 2002 Issue 9  </option>
         <option value="/cw/issues/2002/10" > 2002 Issue 10  </option>
         <option value="/cw/issues/2002/11" > 2002 Issue 11  </option>
         <option value="/cw/issues/2002/12" > 2002 Issue 12  </option>
         <option value="/cw/issues/2002/13" > 2002 Issue 13  </option>
         <option value="/cw/issues/2002/14" > 2002 Issue 14  </option>
         <option value="/cw/issues/2002/15" > 2002 Issue 15  </option>
         <option value="/cw/issues/2002/16" > 2002 Issue 16  </option>
         <option value="/cw/issues/2002/17" > 2002 Issue 17  </option>
         <option value="/cw/issues/2002/18" > 2002 Issue 18  </option>
         <option value="/cw/issues/2002/19" > 2002 Issue 19  </option>
         <option value="/cw/issues/2002/20" > 2002 Issue 20  </option>
         <option value="/cw/issues/2002/21" > 2002 Issue 21  </option>
         <option value="/cw/issues/2002/22" > 2002 Issue 22  </option>
         <option value="/cw/issues/2002/23" > 2002 Issue 23  </option>
         <option value="/cw/issues/2002/24" > 2002 Issue 24  </option>
         <option value="/cw/issues/2002/25" > 2002 Issue 25  </option>
         <option value="/cw/issues/2002/26" > 2002 Issue 26  </option>
</select>

onclick完将不能选择其他，既然是选择框，就应该自由的嘛，呵呵
所以我使用onmousedown，修改如下
<script>
function test(selindex){
with(document.all.issueobject)if(selectedIndex==0)selectedIndex=selindex;
}
</script>
<select name="issueobject" onclick="test('3')">
         <option value=""> please select here... </option>
         <option value="/cw/issues/2002/9" > 2002 Issue 9  </option>
         <option value="/cw/issues/2002/10" > 2002 Issue 10  </option>
         <option value="/cw/issues/2002/11" > 2002 Issue 11  </option>
         <option value="/cw/issues/2002/12" > 2002 Issue 12  </option>
         <option value="/cw/issues/2002/13" > 2002 Issue 13  </option>
         <option value="/cw/issues/2002/14" > 2002 Issue 14  </option>
         <option value="/cw/issues/2002/15" > 2002 Issue 15  </option>
         <option value="/cw/issues/2002/16" > 2002 Issue 16  </option>
         <option value="/cw/issues/2002/17" > 2002 Issue 17  </option>
         <option value="/cw/issues/2002/18" > 2002 Issue 18  </option>
         <option value="/cw/issues/2002/19" > 2002 Issue 19  </option>
         <option value="/cw/issues/2002/20" > 2002 Issue 20  </option>
         <option value="/cw/issues/2002/21" > 2002 Issue 21  </option>
         <option value="/cw/issues/2002/22" > 2002 Issue 22  </option>
         <option value="/cw/issues/2002/23" > 2002 Issue 23  </option>
         <option value="/cw/issues/2002/24" > 2002 Issue 24  </option>
         <option value="/cw/issues/2002/25" > 2002 Issue 25  </option>
         <option value="/cw/issues/2002/26" > 2002 Issue 26  </option>
</select>

如果我不用SCRIPT函数，该如何将一个值与所有的OPTION值相比较然后定位到两者相等的OPTION呢？

<select name="issueobject" onclick="test('3')">
         <option value=""> please select here... </option>
         <option value="9" > 2002 Issue 9  </option>
         <option value="10" > 2002 Issue 10  </option>
         <option value="11" > 2002 Issue 11  </option>
         <option value="12" > 2002 Issue 12  </option>
         <option value="13" > 2002 Issue 13  </option>
         <option value="14" > 2002 Issue 14  </option>
         <option value="15" > 2002 Issue 15  </option>
         <option value="16" > 2002 Issue 16  </option>
         <option value="17" > 2002 Issue 17  </option>
         <option value="18" > 2002 Issue 18  </option>
         <option value="19" > 2002 Issue 19  </option>
         <option value="20" > 2002 Issue 20  </option>
         <option value="21" > 2002 Issue 21  </option>
         <option value="22" > 2002 Issue 22  </option>
         <option value="23" > 2002 Issue 23  </option>
         <option value="24" > 2002 Issue 24  </option>
         <option value="25" > 2002 Issue 25  </option>
         <option value="26" > 2002 Issue 26  </option>
</select>
<input onclick=check(23) type=button>
<input id=test>
<script>
function check(val)
{
for (var i=0;i<issueobject.options.length;i++)
{
issueobject.options[i].selected = false;
}
for (var i=0;i<issueobject.options.length;i++)
{
if (issueobject.options[i].value == val)
{
issueobject.options[i].selected = true;
break;
}
}
}
</script>

调试易

有一个关于select的问题，比较头疼

解决方案 »