• <small id='5V0BM'></small><noframes id='5V0BM'>

      • <bdo id='5V0BM'></bdo><ul id='5V0BM'></ul>
      <i id='5V0BM'><tr id='5V0BM'><dt id='5V0BM'><q id='5V0BM'><span id='5V0BM'><b id='5V0BM'><form id='5V0BM'><ins id='5V0BM'></ins><ul id='5V0BM'></ul><sub id='5V0BM'></sub></form><legend id='5V0BM'></legend><bdo id='5V0BM'><pre id='5V0BM'><center id='5V0BM'></center></pre></bdo></b><th id='5V0BM'></th></span></q></dt></tr></i><div id='5V0BM'><tfoot id='5V0BM'></tfoot><dl id='5V0BM'><fieldset id='5V0BM'></fieldset></dl></div>

    1. <tfoot id='5V0BM'></tfoot>

      <legend id='5V0BM'><style id='5V0BM'><dir id='5V0BM'><q id='5V0BM'></q></dir></style></legend>

        layui表单select框同时支持下拉和输入的解决方案

        时间:2024-07-05

          <tbody id='rxp7b'></tbody>

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

              <bdo id='rxp7b'></bdo><ul id='rxp7b'></ul>
              1. <legend id='rxp7b'><style id='rxp7b'><dir id='rxp7b'><q id='rxp7b'></q></dir></style></legend>

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

                  <i id='rxp7b'><tr id='rxp7b'><dt id='rxp7b'><q id='rxp7b'><span id='rxp7b'><b id='rxp7b'><form id='rxp7b'><ins id='rxp7b'></ins><ul id='rxp7b'></ul><sub id='rxp7b'></sub></form><legend id='rxp7b'></legend><bdo id='rxp7b'><pre id='rxp7b'><center id='rxp7b'></center></pre></bdo></b><th id='rxp7b'></th></span></q></dt></tr></i><div id='rxp7b'><tfoot id='rxp7b'></tfoot><dl id='rxp7b'><fieldset id='rxp7b'></fieldset></dl></div>
                  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-search><option value="">选择单位</option>
                  </select>
                  </div>
                  关键代码
                  lay-search,是实现输入的关键。

                  监听下拉框:
                  //获取单位;
                      $.get('./api/api.php?act=getMemberDepart&token=3cab7ce4142608c0f40c785b5ab5ca24', {}, function (res) {
                        var memberHtml = ''
                        for (var i = 0; i < res.data.length; i++) {
                          memberHtml += '<option value="' + res.data[i].member_id +  ',' + res.data[i].member_depart + '" >' + res.data[i].member_depart + '</option>'
                        }
                        $('#member_depart').append(memberHtml);
                        form.render();
                  
                        //监听下拉框
                        form.on('select(member_depart)', function (data) {
                          var txt = $("#member_depart option:selected").text();//获取select选中的值
                          $('.member_depart').html(txt);
                        });
                      }, 'json');
                  关联菜单:
                  在监听下拉框代码块中,输入关联菜单函数即可。
                  //监听下拉框
                        form.on('select(member_depart)', function (data) {
                          var txt = $("#member_depart option:selected").text();//获取select选中的值
                          $('.member_depart').html(txt);
                  
                          //获取关联部门;
                          var member_id = $("#member_depart").val().split(",")[0];
                          getBranch(member_id);
                        });
                   
                  上一篇:layui动态表格条件if else语句判断的方式 下一篇:没有了

                  相关文章

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

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

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