如何控制Select对象的options?

<select name="aaa">
  <option value='a'></option>
  <option value='b'></option>
  <option value='c'></option>
</select>
<input type="button" value="变换" onclick="aaa.option[0].value='d';aaa.option[0].value='e';aaa.option[0].value='f';">

解决方案 »

  1.   

    <html>
    <head>
    <meta name="GENERATOR" Content="Microsoft Visual Studio.NET 7.0">
    <link href="/css/table.css" rel="stylesheet" type="text/css">
    <script language=javascript>
    <!--
    function typechange()
    {
    var x=document.total_input.aa.value;
    //alert(x);
    switch(x)
    {
      case '1': 
           var arry=["1","2","3"];break;
      case '2':
            var arry=["a","b","c"];break;
      case '3':
          var arry=["d","e","f"];break;
    }
    document.total_input.bb.options.length = 0;
    for (j=0;j<arry.length;j++)
    document.total_input.bb.options.add(new Option(arry[j],j))   
    }
    //-->
    </script></head>
    <body bgcolor="#CCCCCC">
    <form name ="total_input">
    <select name="aa" onchange="typechange()">
    <option value=1 selected>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>
    <select name="bb"></select>
    </form>
    </body>
    </html>
      

  2.   

    document.aForm.aSelect.options除了add还有其他属性吗？比如clear?
      

  3.   

    还有，Option 对象的构造方法的参数有哪些？new Option(var a,var b),a是一个字符串时b必须有吗？代表什么呢？多谢！
      

  4.   

    <select name="aaa">
      <option value='a'>a</option>
      <option value='b'>b</option>
      <option value='c'>c</option>
    </select>
    <input type="button" value="变换" onclick="aaa.options[0].value='d';aaa.options[0].innerText='d';aaa.options[1].value='e';aaa.options[1].innerText='e';aaa.options[2].value='f';aaa.options[2].innerText='f';">
      

  5.   

    <select name="aaa">
      <option value='a'>a</option>
      <option value='b'>b</option>
      <option value='c'>c</option>
    </select>
    <input type="button" value="变换" onclick="aaa.options[0].value='d';aaa.options[0].innerText='d';aaa.options[1].value='e';aaa.options[1].innerText='e';aaa.options[2].value='f';aaa.options[2].innerText='f';">