javascript 两级联动、三级联动、多级联动(三)


<select id="office1" onchange="ChangeSelect(this.value,'office2','',Office)" style="width:100px"></select>
<select id="office2" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','office1','',Office) </script>
<br />
<select id="City001" onchange="ChangeSelect(this.value,'City002','',City2)" style="width:100px"></select>
<select id="City002" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','City001','',City2) </script>
<br />
<select id="City3001" onchange="ChangeSelect(this.value,'City3002','',City3)" style="width:100px"></select>
<select id="City3002" onchange="ChangeSelect(this.value,'City3003','',City3)" style="width:100px"></select>
<select id="City3003" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','City3001','0359',City3) </script>
<br />

<!-- 增加的部分 -->
<select id="City2001" onchange="ChangeSelect(this.value,'City2002','',myCity)" style="width:100px"></select>
<select id="City2002" onchange="ChangeSelect(this.value,'City2003','',myCity)" style="width:100px"></select>
<select id="City2003" onchange="ChangeSelect(this.value,'City2004','',myCity)" style="width:100px"></select>
<select id="City2004" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','City2001','029',myCity)</script>
<br />


使用方式,看最后自己写的那个4级联动。 ["陕西","0","029"], 第一个元素是显示在
select里的选项,第二个元素表示父标签的编号,如果是顶级就选0, 第三个编号是自己的编号。
最后在html select标签中设定数据源为自己编写的myCity, 即可。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值