js-----二级菜单联动

《开场白》
今天来看一下js的一个小例子吧!二级联动

直接上代码了,原理比较简单,还有就是暴力操作!

<!DOCTYPE html>
<html>
    <head>
        <title>联动菜单</title>
        <meta charset="utf-8" />
    </head> 
        <script>
            var area = [['软件设计方向','大数据方向','云计算方向'],['通信','信息对抗']
            ,['播音','编导'],['建工']];
            function ld(){
                var sel = document.getElementById('yuanxi');
                var opt = '';
                if(sel.value == '-1')
                {
                    document.getElementById('zhuanye').innerHTML = opt;
                    return ; 
                }
                for (var i=0 , len=area[sel.value].length; i<len;i++)
                {
                    opt = opt + '<option value="'+i+'">'+area[sel.value][i]+'</option>';
                }
                document.getElementById('zhuanye').innerHTML = opt ;
            }

        </script>
    <body>
            <select  id="yuanxi" onchange="ld();">
    <!-- onChange改变事件,得有Change(改变),才能触发该事件。  -->
                    <option value="-1">--请选择--</option>
                    <option value="0">软件学院</option>
                    <option value="1">计算机学院</option>
                    <option value="2">文法学院</option>
                    <option value="3">土木学院</option>
            </select>

            <select id="zhuanye">

            </select>
    </body>

</html>

《结束语》
其实今天是偷了个懒,早点休息,晚安!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值