JavaScript開發(fā)三級聯(lián)動之前端
本節(jié)介紹了前端的代碼，比較簡單，但是也有需要注意的地方。
下拉菜單的標簽是select，這個標簽下的option標簽的作用：
option 元素定義下拉列表中的一個選項（一個條目）。
option 元素位于 select 元素內(nèi)部。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三級聯(lián)動</title>
<style>
*{margin:0;padding:0;}
</style>
</head>
<body>
<div>
請選擇地區(qū)：
<select name="" id="proc" onchange="showCity()">
<option value="">--請選擇省--</option>
</select>
<select name="" id="city" onchange="showDist()">
<option value="">--請選擇市--</option>
</select>
<select name="" id="dist">
<option value="">--請選擇區(qū)--</option>
</select>
</div>
</body>
</html>這個是功能的前端代碼，樣式什么的比較簡單，主要是能實現(xiàn)功能即可。
有人肯定會對onchange="showCity()"可能不理解，這個是什么，怎么寫在這呢。
這是綁定的一個點擊事件，為的是在點擊選擇省之后，觸發(fā)市的下拉菜單的選項。
同樣，onchange="showDist()"是在選擇市之后觸發(fā)區(qū)的下拉菜單的選項。
這也就是所謂的聯(lián)動，因為省市區(qū)有三級關系，所以叫三級聯(lián)動。
