请教各位高人，在js中怎么通过选定一个<select>中的选项来动态生成另外一个<select>中的内容呢？

在select元素的onchange事件中处理就行了

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head>
    <script language="javascript">
    var first = new  Array(1,2,3);
    var second = new  Array('A','B','C');
     function setSelect2Info(){
       select2.options.length =0;
       var i= select1.selectedIndex;
    if (i==0) {
       for(var j=0;j<first.length;j++){
       var newOption = document.createElement("OPTION");
           newOption.value=first[j];
       newOption.text=first[j];
       select2.add(newOption);
      }
     }
    else{
       for(var j=0;j<second.length;j++){
       var newOption = document.createElement("OPTION");
           newOption.value=second[j];
       newOption.text=second[j];
       select2.add(newOption);
      }
     } }

    </script>
    <body>
      <select name="select1" onClick="setSelect2Info();">
        <option value="1" >综合</option>
        <option value="2">单项</option>
      </select>
      <select name="select2">
      </select>
    </body>
    </html>