代碼奉上:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二級城市聯動</title> </head> <body> <select id="one" onchange="func(this.value)"> <option value="">--請選擇--</option> <option value="0">浙江省</option> <option value="1">廣東省</option> <option value="2">福建省</option> </select> <select id="two"> <option value="">--請選擇--</option> </select> </body> <script> var two = document.getElementById('two'); city = [];//申明 //定義二級數據 正常應該是一個全國的json city[0] = ['杭州市']; city[1] = ['廣州市']; city[2] = ['廈門市']; function func(m){ two.length = 1; //遍歷生產option選項 for (var i = 0; i < city[m].length; i++) { //創建一個option 把數據存儲在option var op = new Option(city[m][i],i); //把帶有數據的option 添加到第二個select two.add(op); }; } </script> </html>
簡單 簡單 簡單 重要的事說三遍, 三級聯動可以依葫蘆畫瓢寫出來