option简单问题

Question

<script language="javascript">
function goTest(testVal) {
var int i=0;
for(i=0;i<2;i++){
document.form.elements["test"+i].value=testVal;
}
}
</script>
<form name="form" method="post" action="testDrp.jsp">
  <select name="test1" id="test1" onChange="goTest()">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="test2" id="test2">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <input type="submit" name="Submit" value="Submit">
</form>
写错了，这个是，发现不能执行。

Answer 1

<script language="javascript">
function goTest() {
var sts="";
alert(sts);
for(i=document.form1.test1.options.length-1;i>=0;i--){
sts += document.form1.test1.options[i].text + ",";
}
alert(sts)
}</script>
<form name="form1" method="post" action="testDrp.jsp">
  <select name="test1" id="test1" onChange="goTest()">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="test2" id="test2">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <input type="submit" name="Submit" value="Submit">
</form>

Answer 2

楼主的错误很我呢，第一次少了}第二次
var int i=0;改成var i= 0;另form的名字最好不要叫form

Answer 3

不好意思，刚才写错了，正确的是这个
<script language="javascript">
function goTest(testVal) {
var int i=0;
for(i=0;i<2;i++){
document.form.elements["test"+i].value=testVal;
}
}
</script>
<form name="form" method="post" action="testDrp.jsp">
  <select name="test1" id="test1" onChange="goTest()">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="test2" id="test2">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <input type="submit" name="Submit" value="Submit">
</form>

Answer 4

我想让test1发生onChange事件时，test2能选中test1的值，但发现没效果，Help.

Answer 5

<script language="javascript">
function goTest(testVal) {
  var i=0;
  for(i = 1; i < 2; i++){
    //alert(document.form1.elements["test" + i].options[document.form1.elements["test"+i].selectedIndex].value);
    document.form1.elements["test"+i].options[document.form1.elements["test"+i].selectedIndex].text=testVal;
  }
}
</script>
<form name="form1" method="post" action="testDrp.jsp">
  <select name="test1" id="test1" onChange="goTest('kkk')">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="test2" id="test2">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <input type="submit" name="Submit" value="Submit">
</form>换成.text，让你看到效果，我不知道你要这个script实现什么功能？！！！！

Answer 6

Sorry,我不是这个意思。
我意思是，当选择select时，其它得select控件也自动focus到它选得值上面。

Answer 7

<script language="javascript">
function goTest(e){
  var test2 = e.form.test2; 
  for (var i = 0; i < test2.length; i++){
    if (test2.options[i].value == e.value){
  alert("ok");
  test2.options[i].selected = true;
    }
  }
}
</script>
<form name="form1" method="post" action="testDrp.jsp">
  <select name="test1" id="test1" onChange="goTest(this);">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <select name="test2" id="test2">
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
  <input type="submit" name="Submit" value="Submit">
</form>

Answer 8

可以了，但还要问问，
var test2 = e.form.test2; 这个是针对test2控件得，但如果是select控件个数不定呢，该如何实现？

Answer 9

也就是说有n个select 控件，选择其中的一个值，其它select控件focus到它选值