1. 程式人生 > >layui關於form表單模組之select帶搜尋功能

layui關於form表單模組之select帶搜尋功能

提示:必須在layui-form裡面使用

layui預設

<div class="layui-form-item">
    <label for="" class="layui-form-label">wa</label>
    <div class="layui-input-block">
        <select name="city" lay-verify="" lay-search>
            <option value="">帶搜尋功能的下拉框</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
        </select>
    </div>
</div>

效果

在第一個option標籤中寫placeholder屬性

<div class="layui-form-item">
    <label for="" class="layui-form-label">wa</label>
    <div class="layui-input-block">
        <select name="city" lay-verify="" lay-search layui-verfiy="required">
            <option value="0" placeholder="請選擇..."></option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
        </select>
    </div>
</div>

效果