layui的select怎样可选也可填

2020-04-24 13:35:35 浏览2282次 作者: 旋风

收藏

最近公司的一个管理平台,随着下拉选项越来越多,对大家来说,每次添加数据都是费时费力的事情了,所以想加一个优化,就是下拉框能直接下拉选择,也可以输入选项筛选需要的数据。

上网上查了好多资料,各路大神八仙过海,有改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,以及下载链接无法使用等,请点击屏幕右下角的上报错误来进行提交,我们会尽快修正。
本程序所有源码和工具完全免费,当本网站内容如果侵犯了您的权益,请联系我们,我们会尽快处理,感谢您的合作。

收藏 分享

相关文章

评论:

文明上网理性发言,请遵守 新闻评论服务协议

当前还没有评论,快来评论吧

上报错误