jq省市區(qū)三級聯(lián)動插件：distpicker

jq省市區(qū)三級聯(lián)動插件：distpicker1.最近找省市區(qū)得插件，真是好崩潰啊，找的插件?部分都有這樣得問題：?先省市區(qū)三級聯(lián)動功能都沒問題。最?的問題是區(qū)/縣數(shù)據(jù)問題：舊版本的插件，區(qū)縣數(shù)據(jù)包含鎮(zhèn)級地名，?多都重復(fù)城關(guān)鎮(zhèn)，?如河南省洛陽市下?的區(qū)縣重復(fù)多個城關(guān)鎮(zhèn)這個地名。image的區(qū)/縣下包含：區(qū)、縣、地級市，取消了XX鎮(zhèn)；新版以我?洛陽為例：九縣六區(qū)（實際是?縣加?個地級市），?數(shù)據(jù)就會重復(fù)多個城關(guān)鎮(zhèn)。新版的數(shù)據(jù)，將舊的XX鎮(zhèn)都去掉了，并做了數(shù)據(jù)整合。要么就是去請求city.json，跨域，繞不過瀏覽器，搞不定還有就是寶島臺灣有的插件有數(shù)據(jù)，有的插件沒數(shù)據(jù)。再有?個問題就是：省市區(qū)三個的位置是否可以隨便調(diào)？?部分插件省市區(qū)包裹在同?個div下，不能分開寫；個別，?如我上次寫的area.js，就?省持市區(qū)隨便放,但它的數(shù)據(jù)有點?舊，重復(fù)的多。還有?個加密的js?件，雖然能?，但是誰會引個看不懂的?件到項?中去嘞。2.下?說個jq的distpicker插件，做省市區(qū)聯(lián)動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><!--區(qū)--></div>js初始化插件<script>$(function(){$('#target').distpicker();});</script>默認(rèn)效果：image?定義占位?本：$('#target').distpicker({province:'--請選擇省份--',city:'--請選擇市--',district:'--請選擇區(qū)/縣--'});?定義省市區(qū)：$('#target').distpicker({province:'河南省',city:'洛陽市',district:'伊川縣'});效果如圖：image2.4也可以直接初始化，不?js操作使?data-toggle="distpicker",固定寫法，寫錯?效！image<divdata-toggle="distpicker"><!--container--><select></select><!--省--><select></select><!--市--><select></select><!--區(qū)--></div>2.4.2使?顯?占位?本：默認(rèn)選中的太難看，可?于換默認(rèn)顯?的項<divdata-toggle="distpicker"><selectdata-province="----選擇省----"></select><selectdata-city="----選擇市----"></select><selectdata-district="----選擇區(qū)----"></select></div>2.4.3?定義省市區(qū)，也可以默認(rèn)選中某個省市區(qū)？<divdata-toggle="distpicker"><selectdata-province="浙江省"></select><selectdata-city="杭州市"></select><selectdata-district="西湖區(qū)"></select></div>2.5以上?種寫法的效果：image3.怎么抓取選中的值？Angular：使?ng-model，或添加ng-click/ng-change事件，抓取val;jQ：button添加click事件，抓取$().val();或.bind("change",function(){//console.log($().val)});4.怎么修改默認(rèn)的配置參數(shù)？4.1修改默認(rèn)的配置參數(shù):$().distpicker(options)4.2修改全局默認(rèn)參數(shù):$.fn.distpicker.setDefaults(options)autoSelect：類型：Boolean，默認(rèn)值：true。是否當(dāng)省改變時?動選擇市和區(qū)。placeholder：類型：Boolean，默認(rèn)值：true。是否顯?占位?本。province：類型：String，默認(rèn)值：――省――,定義省份的初始值。如果在distpicker.data.js?件中存在該省份，將會被選擇，否則顯?占位?本。city：類型：String默認(rèn)值：――市――,定義市的初始值。如果在distpicker.data.js?件中存在該市，將會被選擇，否則顯?占位?本。district：類型：String默認(rèn)值：――區(qū)――,定義區(qū)的初始值。如果在distpicker.data.js?件中存在該區(qū)，將會被選擇，否則顯?占位?本。5.重置?法?例：reset([deep])