特效描述：利用JS實現 省市區街道 四級聯動插件。利用JS實現省市區街道四級聯動插件

代碼結構

1. 引入CSS

2. 引入JS

3. HTML代碼

所在地區

所在地區

• 請選擇
• 請選擇
• 請選擇
• 請選擇

$(function(){

// 地址選擇器遮罩層打開與關閉

$("#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);

}

});

}

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。