首页 > 其他 > 详细

layui动态生成下拉列表

时间:2020-05-05 15:06:53      阅读:462      评论:0      收藏:0      [点我收藏+]
 <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);
                        }
                    });
                }
            })
        }

 

layui动态生成下拉列表

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!