100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > layui中监听select下拉框改变事件

layui中监听select下拉框改变事件

时间:2023-05-13 16:39:49

相关推荐

layui中监听select下拉框改变事件

前言:使用在如省市区三级联动,二级联动场景等场景

一、HTML部分通过lay-filer属性

<div class="layui-form-item"><label class="layui-form-label">所属组织</label><div class="layui-input-inline"><script type="text/html" template><select name="org_id" lay-filter="orgs" id="accountAdd" lay-verify="required"><option value="">请选择</option></select></script></div></div>

二、JS部分

layui.use(['layer', 'jquery', 'form'], function () {var layer = layui.layer,$ = layui.jquery,form = layui.form;//这儿监听上面列表点击操作form.on('select(orgs)', function(data) {var org_id = data.value;var datas =`json={"Request":{"org_id":${org_id}},"Signed":${signed},"Action":"GetProject"}`;// 创建对象字段var dataLists = {}$.ajax({url: `${httpUrl}`,type: "POST",contentType: 'application/x-www-form-urlencoded',dataType: 'json',data: datas,success: function(res) {console.log(res)dataLists = res.List1for (var i = 0; i < dataLists.length; i++) {$('#project_id').append("<option value=" + dataLists[i]['project_id'] + ">" + dataLists[i]['project_name'] +"</option>")}form.render('select');}});});});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。