首頁 > 開發者 > JavaScript
標籤：
聯動菜單：
<!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>
更多：http://www.yanshiba.com/code/liandong/index.html
Javascript 筆記與總結（2-12）聯動菜單
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
