在html Select中添加搜索

Add a search in html Select

本文关键字：添加 搜索 Select html      更新时间：2023-09-26

我在我的网站上使用DDSlick插件。一切都很好，我只想添加一个过滤器类型的东西，上面有一个文本框。在输入文本时，它将过滤结果。

我当前的列表框：

<select name="test">
    <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
</select>

使用DDSlick插件后，它变成：

<ul class="dd-options dd-click-off-close" style="width: 260px; display: block;">
    <li>
        <a class="dd-option dd-option-selected">
            <input class="dd-option-value" type="hidden" value="-1"> 
            <label class="dd-option-text">Please Select From List</label>
        </a>
    </li>
    <li>
        <a class="dd-option">
            <input class="dd-option-value" type="hidden" value="26"> 
            <img class="dd-option-image" src="http://localhost/fifa/admin/server/packs/files/large-gold-if%20%284%29.png">
            <label class="dd-option-text">test</label> 
            <small class="dd-option-description dd-desc">test</small>
        </a>
    </li>
</ul>

我相信DDslick没有您想要的功能。

我推荐你使用bootstrap-select插件。在这里查看。查找使用data-live-search="true"的示例。

相关文章：