<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实现图片上传成功后回显点击放大图片功能,html代码部分: !-- html代码--div class="layui-form-item" label class="layui-form-label"上传图片/label div class="layui-input-block" button type="button" class="layui-btn" id="license-auth-letter-
                Layui实现数据表格中鼠标悬停图片放大离开时恢复原图的效果,最终效果如下图所示: 实现代码如下,在done函数中调用hoverOpenImg方法 var tableIns = window.demoTable = table .render({ elem : '#idTest', id : 'idTest', url : '/postData', //width : 150
                我们在用到layui时候,需要点击文本输入框调起弹出选择框并选择内容,这个要怎么操作呢?以下两种方法可以参考: 1、点击名称,弹出信息弹框,选择表格中的某一行,实现效果如下: html页面代码 !--计量器具弹出层-- div id="equipment" lay-filter="equipmen
                做小程序项目的时候,客户提了一个功能需求优化,就是长按文字需要复制全部内容,因为有的手机支持全选复制,有的手机不支持全选复制。 通过设置系统剪贴板的内容和获取系统剪贴板的内容实现复制功能 html相关代码: van-field value="{{form.contactPhone}}"
                最近项目中遇到需要下拉框能实现根据首字母进行模糊搜索,下拉框使用的是xm-select,而xm-select支持中文的搜索,后端接口也仅支持中文的。因此需要借助其他插件来完成功能。最终实现的效果如下: 涉及到的基础文件:引用 pinyin.js 和 initials.js。再引用 l
                我们都知道layui treetable.js没有checked做联动。我们要实现Layui treetable复选框联动要怎么操作呢?实现的最终效果如下: 1. 在当前HTML文档checked监听函数中增加以下代码: //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj);
              • <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>