微客导航 » 文章资讯 » layui 地区三级联动 form select 渲染的实例

layui 地区三级联动 form select 渲染的实例

2023-08-13 12:23:04 309

如下所示：

html




所在城市:



请选省份

请选择市

//初始数据
varareaData=;
var$form;
varform;
var$;
layui.use(['jquery','form'],function(){
$=layui.jquery;
form=layui.form;
$form=$('form');
loadProvince();
console.log(areaData);
varpi=0;

for(varindexinareaData){
if(areaData[index]['provinceCode']=={{$assset_auth->provinceor0}}){
varproid={{$assset_auth->province}};
console.log(proid+'---proid')//当前是355
varprovince_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']);

varci=0;
for(varciinareaData[index]['mallCityList']){
if(areaData[index]['mallCityList'][ci]['cityCode']=={{$assset_auth->cityor0}}){
varcity_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':''):''}}>台胞证

总结一句

后台PHP开发加载数据库字段让你默认选中某一个城市

关键步骤在layui.form.render(‘select','boardFilter');

以上这篇layui地区三级联动formselect渲染的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

layui 地区三级联动 form select 渲染的实例

热门推荐

随机推荐