<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实现弹窗下拉搜索选择框功能

      时间:2024-07-12
      <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表单select框同时支持下拉和输入的解决方案 下一篇:没有了

                相关文章

              • <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>

                1. <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>