首页 / LAYUI / layui动态生成下拉列表

layui动态生成下拉列表

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了layui动态生成下拉列表，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1476字，纯文字阅读大概需要3分钟。

内容图文

 <select name="deptmgr" lay-filter="FirstSelect" id="FirstSelect" lay-search="">
                    <#--此处动态生成select-->
                    </select>


--------------------------------------------------------------
//监听头部工具事件
        table.on("toolbar(deptTable)", function (obj) {
            switch (obj.event) {
                case‘add‘:
                    var FirstSelect= $("#FirstSelect");
                    commonFun.loadDeptSelect(FirstSelect);//加载后台数据，渲染select
                    openAddFirstDept();//打开添加一级部门弹出层break;
                case‘batchDelete‘:
                    layer.msg(‘批量删除‘);
                    break;
            }
            ;
        });
------------------------------------------------------------
//加载后台数据，渲染到select中var commonFun = {
            //canshu:要渲染的select的jquery对象            loadDeptSelect: function (canshu) {

                var option = "<option value=‘-1‘>请选择</option>";//初始化option的选项
                $.post("getComEmp", function (res) {
                    var str = "";
                    for (i = 0; i < res.length; i++) {
                        option += "<option value=‘" + res[i].empname + "‘;";
                        option += ">" + res[i].empname + "</option>";
                        canshu.html(option);
                    }
                    form.render(‘select‘);//重新渲染select
                }, "json");
            }
        };


-------------------------------------------------------
//打开一级部门添加页面        function openAddFirstDept() {
            mainIndex = layer.open({
                type: 1
                , title: ‘添加一级部门‘
                , content: $(‘#addFirstDeptDiv‘)
                , area: [‘800px‘]
                , success: function (index) {
                    //清空表单数据  $("#dataFrm")为jquery对象，没有reset方法，需要转js对象 $("#dataFrm")[0]，再调用js的reset()方法来清空表单
                    $("#dataFrm")[0].reset();
                    $.ajax({
                        url: "getComEmp"
                        , success: function (result) {
                            console.log(result);
                        }
                    });
                }
            })
        }

 

原文：https://www.cnblogs.com/svipero/p/12830644.html

内容总结

以上是互联网集市为您收集整理的layui动态生成下拉列表全部内容，希望文章能够帮你解决layui动态生成下拉列表所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1121554.html

来源：【匿名】