当前位置: 旋风说(旋风PHPer分享网)> 技术文章> 正文
最近公司的一个管理平台,随着下拉选项越来越多,对大家来说,每次添加数据都是费时费力的事情了,所以想加一个优化,就是下拉框能直接下拉选择,也可以输入选项筛选需要的数据。
上网上查了好多资料,各路大神八仙过海,有改js的,有改css和js的,也有改html和js的,各种方案,看起来晕乎乎的,意外发现官方本来就有介绍,直接给select加一个search就行,具体代码如下:
<div class="layui-form-item"> <label class="layui-form-label">省份:</label> <div class="layui-input-block"> <select class="form-control chosen-select" name="server_id" lay-search=""> <option value="" >输入或选择省份</option> {volist name="server_list" id="item"} <option value="{$.id}" {if condition="$item.id==$s.server_id"}selected{/if}>{$item.title}</option> {/volist} </select> </div> </div>
如上图,直接给select加一个属性lay-search=""就行啦。
当您发现内容错误或代码bug,以及下载链接无法使用等,请点击屏幕右下角的上报错误来进行提交,我们会尽快修正。
本程序所有源码和工具完全免费,当本网站内容如果侵犯了您的权益,请联系我们,我们会尽快处理,感谢您的合作。
上一篇: uefi版和装机版哪里不同
相关文章
评论:
文明上网理性发言,请遵守 新闻评论服务协议