二级下拉列表的实现


<html>
<head>
<title>关联下拉列表</title>
<body>
<script language="javascript">
function GetObjId(ObjName)
{
//alert(document.all.tags('select')[i].name);
for(i = 0; i < document.all.tags('select').length; i++)
{
  if (document.all.tags('select')[i].name == ObjName) {return(i);  break;}
}
return(-1);
}

 function Do_ToDo_Change(ObjName1, ObjName2, StatInt)
 {
  //document.forms[0].elements[0].name
  var id1, id2, tempstr, tempint
  var my_array = new Array();
  my_array[0] = '11|A-aaaaa,12|A-bbbbb,13|A-ccccc,14|A-ddddd';
  my_array[1] = '21|B-aaaaa,22|B-bbbbb,23|B-ccccc,24|B-ddddd';
  my_array[2] = '31|C-aaaaa,32|C-bbbbb,33|C-ccccc,34|C-ddddd';
  my_array[3] = '41|黄晓峰,42|小黄蜂,43|黄风小,44|冯小黄';
 
  id1 = GetObjId(ObjName1);
  id2 = GetObjId(ObjName2);
  tempint = document.all.tags('select')[id2].length;
 
  for(i = 1; i < tempint; i++)
  {
   document.all.tags('select')[id2].options[1] = null
  }
 
  if (document.all.tags('select')[id1].selectedIndex > StatInt - 1)
  {
   tempstr = my_array[document.all.tags('select')[id1].selectedIndex - 1].split(",");
   for(i = 1; i <= tempstr.length; i++)
   {
    document.all.tags('select')[id2].options[i] = new Option(tempstr[i - 1].substr(tempstr[i - 1].indexOf("|") + 1), tempstr[i - 1].substr(0,tempstr[i - 1].indexOf("|")))
   }
  }
 }

</script>
<form action="select2.html">
<select name="select" οnchange=Do_ToDo_Change('select','select2','1')>
A级菜单:
<option name="select" value="" selected>请选择A级菜单</option>
<option value="">AAAAA</option>
<option value="">BBBBB</option>
<option value="">CCCCC</option>
<option value="">ddddd</option>
</select>
B级菜单:
<select name="select2">
<option value="" selected>请选择B级菜单</option>
</select>
<button type="submit" value="submit">submit</button>
</form>
</html>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值