Javascript 笔记与总结(2-12)联动菜单
JavaScript笔记 总结 12 菜单 联动
2023-09-11 14:17:03 时间
联动菜单:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 300px; height: 300px; background: blue; border-bottom: 1px solid black; } </style> <script> var area = [ ['朝阳', '海淀', '昌平'], ['九江', '南昌', '赣州'] ]; function ld(){ var select = document.getElementById("province"); var city = document.getElementById("city"); var opt = null; if(select.value == -1){ city.innerHTML = opt; return; } for(var i = 0; i < area[select.value].length; i++){ opt += "<option value="+i+">"+area[select.value][i]+"</option>"; } city.innerHTML = opt; } </script> </head> <body> <select name="" id="province" onchange="ld();"> <option value="-1">请选择</option> <option value="0">北京</option> <option value="1">江西</option> </select> <select name="" id="city"></select> </body> </html>
相关文章
- Windows Store App JavaScript 开发:文件选取器
- [Javascript] Use requestIdleCallback to schedule JavaScript tasks at an optimal time
- [Javascript] Await a JavaScript Promise in an async Function with the await Operator
- [Javascript] Create an Array concatAll method
- [Javascript Performance] Optimisation and deoptimization
- [Javascript] Filter out Duplicates from Flat JavaScript Array with array.filter / reduce / Set
- [Javascript] Link to Other Objects through the JavaScript Prototype Chain (Object.setPrototypeOf())
- [Javascript] Wait for the Fastest JavaScript Promise to Be Fulfilled with Promise.any()
- [ES2019] Use JavaScript ES2019 flatMap to Map and Filter an Array
- Javascript 学习 笔记五
- Javascript 学习 笔记一
- javascript的函数、创建对象、封装、属性和方法、继承
- 如何调试Javascript代码
- Javascript 学习 笔记六
- Javascript 学习 笔记五
- Javascript 学习 笔记六
- ZingGrid JavaScript 1.5.0 Crack