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(); 
} 

 

转载于:https://www.cnblogs.com/visi_zhangyang/archive/2012/08/03/2621300.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值