js-----二级菜单联动
来源:互联网 发布:excel数据分析函数 编辑:程序博客网 时间:2024/05/01 18:30
《开场白》
今天来看一下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>
《结束语》
其实今天是偷了个懒,早点休息,晚安!
阅读全文
0 0
- js二级联动菜单
- js 二级联动菜单
- JS二级联动菜单
- js 二级联动菜单
- js二级联动菜单
- js二级联动菜单
- js 二级联动菜单
- js-----二级菜单联动
- JS省市二级联动菜单
- js 省市二级联动菜单
- js 实现 二级联动菜单
- js实现二级联动菜单
- html js 二级菜单联动
- js 省市二级联动菜单
- JS结合数据库的二级联动菜单
- 二级联动下拉菜单(js+DB)
- js客户端脚本二级联动下拉菜单
- js+jsp+mysql二级联动菜单
- 用C++编写递归函数GetPower(int x,int y)计算x的y次幂,在同一程序里中针对整型和实型实现两个重载的函数;在主程序中实现输入输出
- 3486. 【NOIP2013模拟联考10】道路改建(rebuild)(2017.12A组)(tarjan缩环+拓补排序+DP+bitset)
- 图解设计模式
- 加速神经网络训练方法-Adam公式
- JAVA 构造方法 静态变量 静态方法
- js-----二级菜单联动
- 【学习C++】Map使用
- Surf算法
- Coins
- 深入理解dubbo:dubbo分布式+拓展:把web和service不仅分开为不同的项目,还分开到两台机器上。
- Nginx的负载均衡
- LeetCode 27. Remove Element
- C语言内存管理一本道来
- 从零开始搭建AI音箱Alexa语音服务