省市縣js彈出層組件: 可以不用一級一級的輸入, 直接定位區縣一級信息
2023年2月17日16:36:59
原由, 在要填寫省市縣的地方, 往往是一個三級聯動的插件, 我就突然想到, 為什么不能直接輸入縣名, 然后直接定位省/市/縣呢,
現有的三級聯動, 要一個個選, 劃來劃去很浪費時間, 所以就有了這個想法
內嵌數據:
[
{code:"110101",content:"北京市,東城區"}, {code:"110102",content:"北京市,西城區"}, {code:"110103",content:"北京市,崇文區"}, {code:"110104",content:"北京市,宣武區"}, {code:"110105",content:"北京市,朝陽區"}, {code:"110106",content:"北京市,豐臺區"}, {code:"110107",content:"北京市,石景山區"}, {code:"110108",content:"北京市,海淀區"}, .... ]
用法:
1 let area = new zbAsArea(); 2 area.init('省市縣'); 3 area.onConfirm = function(params) { 4 let str = 'ID: ' + params.id + '<br>編碼: ' + params.code + '<br>地址: '+params.content; 5 document.getElementById('selected').innerHTML = str; 6 area.hide(); 7 }; 8 area.show();
效果:

同時也支持多詞搜索, 多個詞之間用空格隔開, 取交集.
源碼: zbASArea.js 省市縣數據已經內置在js中了

浙公網安備 33010602011771號