jq省市区三级联动插件：distpicker

jq省市区三级联动插件：distpicker1.最近找省市区得插件，真是好崩溃啊，找的插件⼤部分都有这样得问题：⾸先省市区三级联动功能都没问题。最⼤的问题是区/县数据问题：旧版本的插件，区县数据包含镇级地名，⼤多都重复城关镇，⽐如河南省洛阳市下⾯的区县重复多个城关镇这个地名。image的区/县下包含：区、县、地级市，取消了XX镇；新版以我⼤洛阳为例：九县六区（实际是⼋县加⼀个地级市），⽼数据就会重复多个城关镇。新版的数据，将旧的XX镇都去掉了，并做了数据整合。要么就是去请求city.json，跨域，绕不过浏览器，搞不定还有就是宝岛台湾有的插件有数据，有的插件没数据。再有⼀个问题就是：省市区三个的位置是否可以随便调？⼤部分插件省市区包裹在同⼀个div下，不能分开写；个别，⽐如我上次写的area.js，就⽀省持市区随便放,但它的数据有点⽼旧，重复的多。还有⼀个加密的js⽂件，虽然能⽤，但是谁会引个看不懂的⽂件到项⽬中去嘞。2.下⾯说个jq的distpicker插件，做省市区联动2.1下载distpicker插件使⽤npm或者bower命令npminstalldistpickerbowerinstalldistpicker我⽤npm好像第⼀次下载不成功，使⽤bower⽴马就能下载,⽂件⽬录如下：image[图⽚上传失败...(image-173ad0-1514381900420)]2.2然后就是引⽤<scripttype="text/javascript"src="../libs/jquery-3.2.1/jquery-3.2.1.min.js"></script><scripttype="text/javascript"src="distpicker/dist/distpicker.min.js"></script>2.3html使⽤<divid="target"><!--container--><select></select><!--省--><select></select><!--市--><select></select><!--区--></div>js初始化插件<script>$(function(){$('#target').distpicker();});</script>默认效果：image⾃定义占位⽂本：$('#target').distpicker({province:'--请选择省份--',city:'--请选择市--',district:'--请选择区/县--'});⾃定义省市区：$('#target').distpicker({province:'河南省',city:'洛阳市',district:'伊川县'});效果如图：image2.4也可以直接初始化，不⽤js操作使⽤data-toggle="distpicker",固定写法，写错⽆效！image<divdata-toggle="distpicker"><!--container--><select></select><!--省--><select></select><!--市--><select></select><!--区--></div>2.4.2使⽤显⽰占位⽂本：默认选中的太难看，可⽤于换默认显⽰的项<divdata-toggle="distpicker"><selectdata-province="----选择省----"></select><selectdata-city="----选择市----"></select><selectdata-district="----选择区----"></select></div>2.4.3⾃定义省市区，也可以默认选中某个省市区？<divdata-toggle="distpicker"><selectdata-province="浙江省"></select><selectdata-city="杭州市"></select><selectdata-district="西湖区"></select></div>2.5以上⼏种写法的效果：image3.怎么抓取选中的值？Angular：使⽤ng-model，或添加ng-click/ng-change事件，抓取val;jQ：button添加click事件，抓取$().val();或.bind("change",function(){//console.log($().val)});4.怎么修改默认的配置参数？4.1修改默认的配置参数:$().distpicker(options)4.2修改全局默认参数:$.fn.distpicker.setDefaults(options)autoSelect：类型：Boolean，默认值：true。是否当省改变时⾃动选择市和区。placeholder：类型：Boolean，默认值：true。是否显⽰占位⽂本。province：类型：String，默认值：――省――,定义省份的初始值。如果在distpicker.data.js⽂件中存在该省份，将会被选择，否则显⽰占位⽂本。city：类型：String默认值：――市――,定义市的初始值。如果在distpicker.data.js⽂件中存在该市，将会被选择，否则显⽰占位⽂本。district：类型：String默认值：――区――,定义区的初始值。如果在distpicker.data.js⽂件中存在该区，将会被选择，否则显⽰占位⽂本。5.重置⽅法⽰例：reset([deep])