PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > 20200208-超级好用layui下拉框秒变搜索框,自动匹配

20200208-超级好用layui下拉框秒变搜索框,自动匹配

邯郸易住宋至刚
邯郸易住宋至刚 原创
2020年02月28日 17:09:37 5477浏览

layui下拉框提供了便利的选项

一、下拉框存在的问题

下拉框提供了精准和选项,但是当选项增加到一定数量时,找到精准的选项就成为了一个较为棘手的问题了。

二、解决办法

为了解决这个问题,layui为我们解决了如下解决方案,只需要在select标签中添加lay-search,马上就变成了输入框,在输入框内输入搜索内容,会自动匹配该输入内容。

三、代码

  1. <div class="layui-form-item">
  2. <label class="layui-form-label">选择框</label>
  3. <div class="layui-input-block">
  4. <select name="city" lay-verify="required" **lay-search**>
  5. <option value=""></option>
  6. <option value="0">北京</option>
  7. <option value="1">上海</option>
  8. <option value="2">广州</option>
  9. <option value="3">深圳</option>
  10. <option value="4">杭州</option>
  11. </select>
  12. </div>
  13. </div>

四、结果

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议