必须掌握的web基础知识之三级联动

数据结构：provinceList:[{name,cityLIst:[areaList:[]]}]

第一步：我们首先需要获得上面图片的三个选择按钮，所以在html中，设置三个选择框，并分别附上id，如下：

注意：select和option必须同时出现

<select id="province" >
<option value="1">请选择省</option>
</select>
<select id="city" >
<option value="2">请选择市</option>
</select>
<select id="area">
<option value="3">请选择区</option>
</select>

第二步：然后通过id，通过getElementById()方法获取文件文件，方便后续的使用

var provinceTag = document.getElementById("province");
var cityTag = document.getElementById("city");
var areaTag = document.getElementById("area");

第三步&#