You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
2.2 KiB
54 lines
2.2 KiB
layui.define(["form","jquery"],function(exports){
|
|
var form = layui.form,
|
|
$ = layui.jquery,
|
|
Address = {
|
|
provinces : function() {
|
|
//加载省数据
|
|
var proHtml = '',that = this;
|
|
$.get("../../json/address.json", function (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
proHtml += '<option value="' + data[i].code + '">' + data[i].name + '</option>';
|
|
}
|
|
//初始化省数据
|
|
$("select[name=province]").append(proHtml);
|
|
form.render();
|
|
form.on('select(province)', function (proData) {
|
|
$("select[name=area]").html('<option value="">请选择县/区</option>');
|
|
var value = proData.value;
|
|
if (value > 0) {
|
|
that.citys(data[$(this).index() - 1].childs);
|
|
} else {
|
|
$("select[name=city]").attr("disabled", "disabled");
|
|
}
|
|
});
|
|
})
|
|
},
|
|
//加载市数据
|
|
citys : function(citys) {
|
|
var cityHtml = '<option value="">请选择市</option>',that = this;
|
|
for (var i = 0; i < citys.length; i++) {
|
|
cityHtml += '<option value="' + citys[i].code + '">' + citys[i].name + '</option>';
|
|
}
|
|
$("select[name=city]").html(cityHtml).removeAttr("disabled");
|
|
form.render();
|
|
form.on('select(city)', function (cityData) {
|
|
var value = cityData.value;
|
|
if (value > 0) {
|
|
that.areas(citys[$(this).index() - 1].childs);
|
|
} else {
|
|
$("select[name=area]").attr("disabled", "disabled");
|
|
}
|
|
});
|
|
},
|
|
//加载县/区数据
|
|
areas : function(areas) {
|
|
var areaHtml = '<option value="">请选择县/区</option>';
|
|
for (var i = 0; i < areas.length; i++) {
|
|
areaHtml += '<option value="' + areas[i].code + '">' + areas[i].name + '</option>';
|
|
}
|
|
$("select[name=area]").html(areaHtml).removeAttr("disabled");
|
|
form.render();
|
|
}
|
|
};
|
|
exports("address",Address);
|
|
})
|