台湾地区的三级联动

实现效果：

 

 

代码： 

city.js 的下载地址: https://download.csdn.net/download/weixin_37914752/12594449

<script src="js/city.js"></script>
<script src="picker/picker-extend.js"></script>      
<script>
    var list=region;
    var pickerExtend3 = new PickerExtend({
                        trigger: '#region',
                        title: '地區',
                        wheels: [
                                {
                                        data:list
                                }
                        ],
                        position:[0,0],
                        callback:function(indexArr, data){
                                //选择之后的省市区
                                console.log('选择之后的省市区');
                                console.log(data[0].value); //返回选中的json数据
                                html='';
                                html+=`<input type="hidden" name="location_p" value="${data[0].value}">`;
                                html+=`<input type="hidden" name="location_c" value="${data[1].value}">`;
                                html+=`<input type="hidden" name="location_a" value="${data[2].value}">`;
                                $(".hide").html(html);
                        }
                });
</script>