layui 三级联动下拉框更新时回显问题

本文记录了使用layui实现省市区三级联动下拉框时遇到的问题及解决办法,特别是当选项为'请选择'且value为空字符串时,如何确保在更新时正确回显。
摘要由CSDN通过智能技术生成

最近接触layui,比较简洁美观的一款ui,但也有很多小坑,记录一下实现省市区下拉三级联动更新回显的问题

 <%--监听省份选择 --%>

 form.on('select(uprovinceId)', function(data){
    initCityList('change');
});

这里面有个问题就是   选择的时候    如果  请选择  的value 是“” 空字符串,当选择从河北省变到请选择时不会触发这个监听事件

<script type="text/javaScript">
layui.use(['form'],function(){
    var form = layui.form;
    <%--监听省份选择 --%>
    form.on('select(uprovinceId)', function(data){
    initCityList('change');
});
<%--监听城市选择 --%>
    form.on('select(ucityId)', function(data){
initDistrictList('change');
});
    <%--监听修改提交 --%>
        form.on('submit(update)', function(data){
      updateAccount();
      form.render();
  return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
});
<%-- 监听取消按钮 --%>
$(document).on("click",".cancel",function(){  
layer.closeAll("page");
});  
$(function(){
<%--初始化省份列表 --%>
initProvinceList('init');
initCityList('init');
initDistrictList('init');
});
<%--初始化省份列表 --%>
function initProvinceList(flag){
var  provinceId = $("#oldProvinceId").val();
$("#uprovinceId").append(

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值