博主信息
博文 53
粉丝 3
评论 0
访问量 66946
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
20200208-超级好用layui下拉框秒变搜索框,自动匹配
邯郸易住宋至刚
原创
6166人浏览过

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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学