layui中select切换数据_layui动态修改select的选中项

这篇博客介绍了如何在layui框架中实现select选择项的动态切换。通过监听select事件,发送AJAX请求获取新的数据,然后更新select选项并使用layui的form.render()方法重新渲染表单,确保变化生效。
摘要由CSDN通过智能技术生成

*审批类型

请选择

入户审批

发票审批

完税审批

*审批人

{{each list as value i}}

{{value.nick_name}}

{{/each}}

// 定义锁,true表示锁死,false表示可操作

let lock_flag = false;

layui.use(['jquery','form', 'layer'],

function () {

$ = layui.jquery;

var form = layui.form, layer = layui.layer;

form.on('select(cate_demo)', function(data){

$.ajax({

data : {cate:data.value},

url : 'get_checker',

dataType : 'json',

type : 'POST',

success : function(data){

var art_data = {

list : data.data

};

var html = template('choice_lists', art_data);

//var html = 'ru_checkerru_checkersss';

$('#admin_user').html(html);

form.render(); //在layui中重新渲染表单这一步比较重要,部分表单元素需要重新渲染后才能生效,例如select

},error:function(){

layer.alert('接口错误');

}

});

})

//监听提交

form.on('submit(add)',

function (data) {

if (!lock_flag) {

// 上锁

lock_flag = true;

$("#edit_form").submit();

}

return false;

}

);

}

);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值