需求:表单中的下拉列表不能直接显示所有的选项,只有通过输入要筛选的值,才能显示匹配的选项。也就是不能让用户看到所有的选项。
因为使用的是jQuery和layui,用layui的lay-search会显示所有选项,所以最后决定自己写。
1、首先是body中的内容,使用layui的表单中的输入框和下拉列表
<div class="layui-form-item">
<label class="layui-form-label">下拉框</label>
<div class="layui-input-block">
<input type="text" name="select_text" id='select_text' placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
<div class="layui-unselect layui-form-select">
<dl class="layui-anim layui-anim-upbit" id="inputSelect" style="top: 0px;">
<dd mark="tips" name="dd" id="tips" onclick="ddClick(this)" class="layui-select-tips">