JavaScript開發(fā)三級(jí)連動(dòng)之前端
本節(jié)介紹了前端的程式碼，比較簡單，但是也有需要注意的地方。
下拉式選單的標(biāo)籤是select，這個(gè)標(biāo)籤下的option標(biāo)籤的作用：
option 元素定義下拉清單中的一個(gè)選項(xiàng)（一個(gè)條目）。
option 元素位於 select 元素內(nèi)部。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三級(jí)聯(lián)動(dòng)</title>
<style>
*{margin:0;padding:0;}
</style>
</head>
<body>
<div>
請(qǐng)選擇地區(qū)：
<select name="" id="proc" onchange="showCity()">
<option value="">--請(qǐng)選擇省--</option>
</select>
<select name="" id="city" onchange="showDist()">
<option value="">--請(qǐng)選擇市--</option>
</select>
<select name="" id="dist">
<option value="">--請(qǐng)選擇區(qū)--</option>
</select>
</div>
</body>
</html>這個(gè)是功能的前端程式碼，樣式什麼的比較簡單，主要是能實(shí)現(xiàn)功能即可。
有人一定會(huì)對(duì)onchange="showCity()"可能不理解，這個(gè)是什麼，怎麼寫在這呢。
這是綁定的一個(gè)點(diǎn)擊事件，為的是在點(diǎn)擊選擇省之後，觸發(fā)市的下拉式選單的選項(xiàng)。
同樣，onchange="showDist()"是在選擇市之後觸發(fā)區(qū)的下拉式選單的選項(xiàng)。
這也就是所謂的連動(dòng)，因?yàn)槭∈袇^(qū)有三級(jí)關(guān)係，所以叫三級(jí)連動(dòng)。
