<small id='CH8SY'></small><noframes id='CH8SY'>

    • <bdo id='CH8SY'></bdo><ul id='CH8SY'></ul>

      <legend id='CH8SY'><style id='CH8SY'><dir id='CH8SY'><q id='CH8SY'></q></dir></style></legend>
    1. <i id='CH8SY'><tr id='CH8SY'><dt id='CH8SY'><q id='CH8SY'><span id='CH8SY'><b id='CH8SY'><form id='CH8SY'><ins id='CH8SY'></ins><ul id='CH8SY'></ul><sub id='CH8SY'></sub></form><legend id='CH8SY'></legend><bdo id='CH8SY'><pre id='CH8SY'><center id='CH8SY'></center></pre></bdo></b><th id='CH8SY'></th></span></q></dt></tr></i><div id='CH8SY'><tfoot id='CH8SY'></tfoot><dl id='CH8SY'><fieldset id='CH8SY'></fieldset></dl></div>

    2. <tfoot id='CH8SY'></tfoot>

      layui实现弹窗下拉搜索选择框功能

      layui实现弹窗下拉搜索选择框功能,实现效果如下: html按钮: a class="btn ygyouhui2 btn-xs audit_btn" href="javascript:void(0);" title="通过" data-id="{$row['id']}" 通过/a js代码部分: script // 事件监听 $('.audit_btn').click(function (){ con
      <i id='4JuQl'><tr id='4JuQl'><dt id='4JuQl'><q id='4JuQl'><span id='4JuQl'><b id='4JuQl'><form id='4JuQl'><ins id='4JuQl'></ins><ul id='4JuQl'></ul><sub id='4JuQl'></sub></form><legend id='4JuQl'></legend><bdo id='4JuQl'><pre id='4JuQl'><center id='4JuQl'></center></pre></bdo></b><th id='4JuQl'></th></span></q></dt></tr></i><div id='4JuQl'><tfoot id='4JuQl'></tfoot><dl id='4JuQl'><fieldset id='4JuQl'></fieldset></dl></div>

      <legend id='4JuQl'><style id='4JuQl'><dir id='4JuQl'><q id='4JuQl'></q></dir></style></legend>
    3. <small id='4JuQl'></small><noframes id='4JuQl'>

                <tbody id='4JuQl'></tbody>
              <tfoot id='4JuQl'></tfoot>
              • <bdo id='4JuQl'></bdo><ul id='4JuQl'></ul>
                layui实现弹窗下拉搜索选择框功能,实现效果如下:



                html按钮:
                <a class="btn ygyouhui2 btn-xs audit_btn" href="javascript:void(0);" title="通过" data-id="{$row['id']}" >通过</a>
                js代码部分:
                <script> 
                   // 事件监听 
                   $('.audit_btn').click(function (){
                        const id = $(this).data('id')
                        // 引入 layer,form组件 
                        layui.use(['layer','form'], () => {
                            var layer = layui.layer;
                 
                            // 拼接option
                            let htmlStr = '<form class="layui-form">' +
                                '<div class="layui-form-item">' +
                                    '<select name="interest" lay-verify="required" lay-search="">' +
                                    '<option value="">请选择</option>';
                            $.each(store_list,function (key,item) {
                                htmlStr += '<option value="'+key+'">'+ item +'</option>';
                            })
                            htmlStr += '</select>' +
                                    '</div>' +
                                '</form>';
                 
                            layer.open({
                                title: '请选择',
                                content: htmlStr,
                                btn: ['通过'],
                                success: function(layero, index) {
                                    layui.form.render();
                                    layero.find('.layui-layer-content').css('overflow', 'unset');
                                } ,
                                yes: function(index, layero){
                                    // 获取选中的值
                                    var store_id = layero.find("select").val();
                                    if(store_id == ''){
                                        layer.msg('请选择关联商户!')
                                        return
                                    }
                                    // 输出选中的值
                                    layer.close(index); //关闭弹层
                 
                                    var url = "请求地址";
                                    var data = {};
                                    data.id = id;
                                    data.store_id = store_id;
                                    data.op = 'adopt';
                 
                                    // ajax请求接口
                                    $.ajax({
                                        url: url,
                                        data: data,
                                        dataType: 'json',
                                        success: function(data) {
                                            var txt = data.msg;
                                            layer.msg(txt)
                                            if(data.status == 1){
                                                window.location.href = data.url;
                                            }
                                        }
                                    });
                                }
                            });
                        })
                 
                 
                    })
                </script>
                 
                本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                相关文档推荐

                使用layui复选框的时候需要向后台传递值,值的形式为 逗号分割的形式 。如下图需要选择多个条件。 layui的前端样式代码如下: div class="layui-form-item" label class="layui-form-label"复选框/label div class="layui-input-block" input type="checkbox"
                layui表单select框同时支持下拉和输入的解决方案,最终实现效果如下: div class="layui-input-inline"select name="member_depart" lay-verify="required" id="member_depart" lay-filter="member_depart" style="height:10px;" lay-searchoption value=""选
                在Layui动态表格中,可以使用JavaScript的if else语句来进行条件判断
                layui 展示页表格中加入下拉选择框,最终 实现效果图: 1.在初始化表格的列cols中添加: { field: 'paid', sort: true, title: '付款状态', align: "center", templet:function (d) { return 'select name="paid" class="sel_xlk" lay-filter="stateSelect"
                layui table的toolbar根据状态展示不同按钮,具体实现的功能如下,对于列中是已发布的,不显示发布和删除按钮 具体代码如下,需要先在table的列中定义一个templet为toolBar: script type="text/html" id="toolBar" !-- d代表的是layui 引擎模板中所使用的单
                场景需求: 在layui.table上面渲染后的列表上面加一个switch开关,监听switch开关的动作,实现本列数据的状态切换! 数据表格配置参数 layui.table.options.cols配置如下、重点看 state 那一行 table.render({ elem: '#demo' ,height: 312 ,url: '/demo/tabl
              • <i id='faYMS'><tr id='faYMS'><dt id='faYMS'><q id='faYMS'><span id='faYMS'><b id='faYMS'><form id='faYMS'><ins id='faYMS'></ins><ul id='faYMS'></ul><sub id='faYMS'></sub></form><legend id='faYMS'></legend><bdo id='faYMS'><pre id='faYMS'><center id='faYMS'></center></pre></bdo></b><th id='faYMS'></th></span></q></dt></tr></i><div id='faYMS'><tfoot id='faYMS'></tfoot><dl id='faYMS'><fieldset id='faYMS'></fieldset></dl></div>

                  <bdo id='faYMS'></bdo><ul id='faYMS'></ul>
                      <tbody id='faYMS'></tbody>

                        <legend id='faYMS'><style id='faYMS'><dir id='faYMS'><q id='faYMS'></q></dir></style></legend>

                        <small id='faYMS'></small><noframes id='faYMS'>

                        1. <tfoot id='faYMS'></tfoot>