特效描述：利用JS實(shí)現(xiàn) 省市區(qū)街道 四級(jí)聯(lián)動(dòng)插件。利用JS實(shí)現(xiàn)省市區(qū)街道四級(jí)聯(lián)動(dòng)插件

代碼結(jié)構(gòu)

1. 引入CSS

2. 引入JS

3. HTML代碼

所在地區(qū)

所在地區(qū)

• 請(qǐng)選擇
• 請(qǐng)選擇
• 請(qǐng)選擇
• 請(qǐng)選擇

$(function(){

// 地址選擇器遮罩層打開與關(guān)閉

$("#areaLabel").click(function(e){

$("#addressSelectWrapper").show();

e.stopPropagation();

});

$(document).click(function () {

$("#addressSelectWrapper").hide();

});

$("#cancel").click(function () {

$("#addressSelectWrapper").hide();

});

$("#addressSelect").click(function (e) {

e.stopPropagation();

});

initAddress();

});

//初始化地址選擇

function initAddress() {

$("#Addr").cityLinkage({

containerId: 'addressSelectWrapper',

getSelectedCode:function(){return $("#Addr").data("code");},

callback:function(data) {

$("#Addr").val(data.addr).data("code",data.town.code);

}

});

}

總結(jié)

以上是生活随笔為你收集整理的html中免费的四级联动,利用JS实现省市区街道四级联动插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。