省市区县三级联动思路写法

数据三个数组，分别代表省，市，区，这个数据可以是后台从数据库读出来的数据，也可以是在JS里直接写的数据。但无论是哪种形式，三个数组的数据都是有关联的。arr_c，市数组，里面每一项内容都有一个属性‘pid’，表示这个市是属于哪个省的，即pid对应的是省数组里的id。同样arr_a，区数组，里面的cid是对应市数组里的id，表示这个区是属于哪个市的。

 

<div>三级联动试例</div>

<div>

<select name="选择省份" id="pro">选择省份</select>

<!-- <option value=""></option> -->

<select name="选择市区" id="city">选择市区</select>

<select name="选择区县" id="area">选择区县</select>

</div>

 

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></scrip