js下拉框联动代码
刚写了一个 这是html 你改一下把 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body > <form name="form" method="post" action="";> <table border="1" style="width: 100%; height: 100%; border-collapse: collapse;"> <tr> <td colspan="2"><span style="font-size: 36pt; color: green">新商品注册</span></td> </tr> <tr> <td width="15%">商品代码:</td> <td width="85%"><input type="text" name="product_no"></input> <font color="red">*</font></td> </tr> <tr> <td>商品名称:</td> <td><input type="text" name="product_name"> </input> <span class="STYLE1"><font color="red">*</font></span> </td> </tr> <tr> <td>一级分类:</td> <td><select name="oneclass" onchange=Change()> <option selected="selected" >--请选择--</option> <option >图书</option> <option >服装</option> <option >饮料</option> <option >电器</option> </select></td> </tr> <tr> <td>二级分类:</td> <td><select name="twoclass"> <option selected="selected">--请选择--</option> </select></td> </tr> <tr> <td>供 应 商:</td> <td><input type="text" name="support"></input> <font color="red">*</font></td> </tr> <tr> <td>厂 商:</td> <td><input type="text" name="company"></input> <font color="red">*</font></td> </tr> <tr> <td>保质期限:</td> <td><input type="text" name="date"></input> <font color="red">*</font></td> </tr> <tr> <td>可否退货:</td> <td><input type="radio" checked="checked" name="tui" value="yes">是</input> <input type="radio" name="tui" value="no">否</input></td> </tr> <tr> <td>可否换货:</td> <td><input type="radio" checked="checked" name="huan" value="yes">是</input> <input type="radio" name="huan" value="no">否</input></td> </tr> <tr> <td>商品备注:</td> <td><textarea name="mess"></textarea> </td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="确认注册"></input> <input type="reset" value="重新填写"/></td> </tr> </table> </form> </body> 下面这是javascript //定义一个二维数组two,用于存放二级分类名称。 var two=new Array(); two[0]=new Array(); two[1]=new Array(); two[2]=new Array(); two[3]=new Array(); two[4]=new Array(); //赋值,每个一级分类的二级分类存放于数组的一行。 two[0][0]="--请选择--" two[1][0]="--请选择--" two[1][1]="计算机类"; two[1][2]="科学类"; two[1][3]="文学类"; two[1][4]="杂志类"; two[1][5]="法律类"; two[2][0]="--请选择--" two[2][1]="春装"; two[2][2]="夏装"; two[2][3]="秋装"; two[2][4]="冬装"; two[3][0]="--请选择--" two[3][1]="碳酸饮料"; two[3][2]="果汁类"; two[3][3]="牛奶"; two[4][0]="--请选择--" two[4][1]="家用电器"; two[4][2]="商用电器"; function Change() {var i,Index; Index=document.form.oneclass.selectedIndex; iCount=0; while (two[Index][iCount]!=null) iCount++;//计算选定一级分类的二级分类个数 document.form.twoclass.length=iCount;//改变下拉菜单的选项数 for (i=0;i<=iCount-1;i++)//改变下拉菜单的内容 document.form.twoclass[i]=new Option(two[Index][i]); document.form.twoclass.focus(); }