layui中如何实现地区三级联动formselect渲染
这篇文章将为大家详细讲解有关layui中如何实现地区三级联动form select渲染，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
成都创新互联成立以来不断整合自身及行业资源、不断突破观念以使企业策略得到完善和成熟，建立了一套“以技术为基点，以客户需求中心、市场为导向”的快速反应体系。对公司的主营项目，如中高端企业网站企划 / 设计、行业 / 企业门户设计推广、行业门户平台运营、成都App定制开发、手机网站制作、微信网站制作、软件开发、托管服务器等实行标准化操作，让客户可以直观的预知到从成都创新互联可以获得的服务效果。
如下所示：
html
所在城市 :
请选省份
请选择市
js
// 初始数据
var areaData = ;
var $form;
var form;
var $;
layui.use(['jquery', 'form'], function() {
$ = layui.jquery;
form = layui.form;
$form = $('form');
loadProvince();
console.log(areaData);
var pi = 0;
for (var index in areaData) {
if (areaData[index]['provinceCode'] == {{ $assset_auth->province or 0 }}) {
var proid = {{$assset_auth->province}};
console.log(proid+'---proid') //当前是355
var province_value = areaData[index]['provinceCode']+'_'+areaData[index]['mallCityList'].length+'_'+pi;
console.log(province_value+'--------province_value') //当前是 355_1_42
$("#province").find("option[value='"+province_value+"']").attr("selected", true);
// 载入city
loadCity(areaData[index]['mallCityList']);
var ci = 0;
for (var ci in areaData[index]['mallCityList']) {
if (areaData[index]['mallCityList'][ci]['cityCode'] == {{ $assset_auth->city or 0 }}) {
var city_value = areaData[index]['mallCityList'][ci]['cityCode']+'_0_'+ci;
$("#city").find("option[value='"+city_value+"']").attr("selected", true);
}
ci++;
}
}
pi++;
}
layui.form.render('select','boardFilter');
});这是select 选择证件 额外赠送
证件类型 :
请选证件类型
card_category==1 ? 'selected' : '') : '' }}>身份证
card_category==2 ? 'selected' : '') : '' }}>军官证
card_category==3 ? 'selected' : '') : '' }}>护照
card_category==4 ? 'selected' : '') : '' }}>港澳通行证
card_category==5 ? 'selected' : '') : '' }}>台胞证
关于“layui中如何实现地区三级联动form select渲染”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
