实现下拉框联动

 
<script type="text/javascript"> function factory() { /* 最顶级下拉框 */ var select = document.getElementById("factory"); var c = select.value; /* 中级下拉框 */ var stand = document.getElementById("stand"); /* 最底层下拉框*/ var working = document.getElementById("working"); switch (c) {
                /*当选中最顶级下拉框内容后,中级下拉框和最底级下拉框内容改变*/ /* 延安宝塔采油厂 */ case "yabtcyc": stand.innerHTML = "<option>宝塔作业区</option>"; working.innerHTML = "<option>贾74(5从)</option>"; break; /* 西北油田 */ case "xbyt": stand.innerHTML = "<option>采气一厂</option>"; working.innerHTML = "<option>TK124(1丛)</option>"; break; /* 第八采油厂 */ case "dbcyc": stand.innerHTML = "<option>吴定作业区</option>"; working.innerHTML = "<option>新79-71(2丛)</option><option>新75-55(4丛)</option><option>元221(1丛)</option>"; break; /* 测试厂 */ case "csc": stand.innerHTML = "<option>测试作业区</option>"; working.innerHTML = "<option>测试井场(1丛)</option><option>测试井场2(1丛)</option><option>测试井场1(1丛)</option>"; break; /* 延安杏子川采油厂 */ case "yaxzc": stand.innerHTML = "<option>杏子川作业区</option>"; working.innerHTML = "<option>化旧301(null丛)</option>"; break; default: alert("error"); } }; </script> </head> <body> <div class="div"> <select id="factory" οnchange="factory()"> <option value="yabtcyc">延安宝塔采油厂</option> <option value="xbyt">西北油田</option> <option value="dbcyc">第八采油厂</option> <option value="csc">测试厂</option> <option value="yaxzc">延安杏子川采油厂</option> </select> <select id="stand"> <option value="宝塔作业区">宝塔作业区</option> </select> <select id="working">
<option value="贾74(5从)">贾74(5从)</option> <option value=""></option> <option value=""></option> </select> </div>
</body>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值