必须掌握的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");

第三步：通过我们上述的数据可以看到，存储省、市、区分别为三个数组，所以我们需要为他们分别new一个数组对象，供我们来存储数据

　　注意：如果实现省市二级联动，可以不用var areaArray = new Array();

var provinceArray = new Array();
var cityArray = new Array();
var areaArray