谁知道我的动态下拉框有什么问题吗？不能动态选，我急着用，拜托了！

下面是好的：
<html>
<HEAD>
<title>例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><!--代码部分-->
<script language="javascript"> 
var selects=new Array(new Array(new Option("粮食","粮食"),new Option("油料","油料"), new Option("棉麻烟","棉麻烟"), new Option("蔬菜","蔬菜"),
                new Option("水果","水果"),
            new Option("水产品","水产品"),
             new Option("茶叶","茶叶"),
             new Option("副食品","副食品"),
                new Option("其它","其它")),
  new Array(new Option("农药","农药"),
                new Option("化肥","化肥"),
                new Option("种子","种子"),
    new Option("农机","农机"),
new Option("其它","其它")),
  new Array(new Option("原材","原材"),
                new Option("种苗","种苗"),
                new Option("花卉","花卉"),
    new Option("制品","制品"),
new Option("器械","机械"),
new Option("其它","其它")),
  new Array( new Option("畜药","畜药"),
                new Option("禽药","禽药"),
                new Option("鱼药","鱼药"),
    new Option("中药材","中药材"),
new Option("其它","其它")));function chsel()
{
  document.f.second.options.length=0;
  if(document.f.master.value=="农副")
    k=0;
  if(document.f.master.value=="农资")
    k=1;
  if(document.f.master.value=="林水")
    k=2;
  if(document.f.master.value=="药材")
    k=3;
  for(var i=0;i<selects[k].length;i++)
    document.f.second.add(selects[k][i]);
}      
</script>
<!-- 代码部分--></head><body topmargin="0" leftmargin="0" marginweight="0" marginheight="0"  bgcolor="#0099FF" oncontextmenu="return false;"><p>&nbsp;</p>
<P align=center>
<form name=f>
<!-- 代码部分 -->
<SELECT name=master onchange="chsel();"> 
  <Option value="农副">农副</Option> 
  <Option value="农资">农资</Option>
  <Option value="林水">林水</Option>
  <Option value="药材">药材</Option>
</SELECT> 
<SELECT name=second> 
  <Option value="粮食">粮食</Option> 
  <Option value="油料">油料</Option> 
  <Option value="棉麻烟">棉麻烟</Option>
  <Option value="蔬菜">蔬菜</Option>
  <Option value="水果">水果</Option>
  <Option value="水产品">水产品</Option>
  <Option value="茶叶">茶叶</Option>
  <Option value="副食品">副食品</Option>
  <Option value="其它">其它</Option>
</SELECT> 
<!--代码部分-->
</form>
</p>
</center>
</body>
</html>

解决方案 »

  1.   

    错误原因：
    1：OPtion -> Option
    2: Options - > options
    3: second.master -> document.f.second,document.f.master
      

  2.   

    net_lover(孟子E章)：谢谢 
                    但是你能告诉我为什么象我这样不行，我的这个例子是按照下面的写的，而且下面这个也可以运行！
    <html>
    <HEAD>
    <title>例子</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><!--代码部分-->
    <script language="javascript"> 
    var selects=new Array(
      new Array(
        new Option("a1","a1"),
        new Option("a2","a2"),
        new Option("a3","a3")),
      new Array(
        new Option("b1","b1"),
        new Option("b2","b2"),
        new Option("b3","b3")));
    function chsel()
    {
      ab2.options.length=0;
      if(ab.value=="a")
        k=0;
      if(ab.value=="b")
        k=1;
      for(var i=0;i<selects[k].length;i++)
        ab2.add(selects[k][i]);
    }      
    </script>
    <!-- 代码部分--></head><body topmargin="0" leftmargin="0" marginweight="0" marginheight="0"  bgcolor="#0099FF" oncontextmenu="return false;"><p>&nbsp;</p>
    <P align=center><!-- 代码部分 -->
    <SELECT name=ab onchange="chsel();"> 
      <OPTION value="a">a</OPTION> 
      <OPTION value="b">b</OPTION> 
    </SELECT> 
    <SELECT name=ab2> 
      <OPTION value="a1">a1</OPTION> 
      <OPTION value="a2">a2</OPTION> 
      <OPTION value="a3">a3</OPTION> 
    </SELECT> 
    <!--代码部分--></p>
    </center>
    </body>
    </html>
      

  3.   


    注意大小写，js是区分大小写的。另外，对于 Netscape浏览器，form一定要写的，ie有时候可以不写