请问如何实现在用户选择了一个下拉列表框后赋不同的值到另一个下拉列表筐中?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<select name=1 onchange="test();">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
还有另外一个下拉列表框:
<select name=2>
</select>
<script>
function test(){
   if(document.all('1').value=="aaa"){
   document.all('2').options.add(new Option(111,111));
   document.all('2').options.add(new Option(222,222));
   document.all('2').options.add(new Option(333,333));
   }
   if(document.all('1').value=="bbb"){
   document.all('2').options.add(new Option(333,333));
   document.all('2').options.add(new Option(444,444));
   document.all('2').options.add(new Option(555,555));
   }
   if(document.all('1').value=="ccc"){
   document.all('2').options.add(new Option(666,666));
   document.all('2').options.add(new Option(777,777));
   document.all('2').options.add(new Option(888,888));
   }
}
</script>
</BODY>
</HTML>

解决方案 »

  1.   

    如果不想动态生成的那个select 里面的值累加 用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <select name=1 onchange="test();">
    <option value="aaa">aaa</option>
    <option value="bbb">bbb</option>
    <option value="ccc">ccc</option>
    </select>
    还有另外一个下拉列表框:
    <select name=2>
    </select>
    <script>
    function test(){
       if(document.all('1').value=="aaa"){
           document.all('2').length=0
       document.all('2').options.add(new Option(111,111));
       document.all('2').options.add(new Option(222,222));
       document.all('2').options.add(new Option(333,333));
       }
       if(document.all('1').value=="bbb"){
           document.all('2').length=0
       document.all('2').options.add(new Option(333,333));
       document.all('2').options.add(new Option(444,444));
       document.all('2').options.add(new Option(555,555));
       }
       if(document.all('1').value=="ccc"){
           document.all('2').length=0
       document.all('2').options.add(new Option(666,666));
       document.all('2').options.add(new Option(777,777));
       document.all('2').options.add(new Option(888,888));
       }
    }
    </script>
    </BODY>
    </HTML>