javascript - 在 html 中添加搜索 选择

Question

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

我当前的列表框:

<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>

Answer 1

我相信 DDslick 没有您正在寻找的功能。

我会向您推荐 bootstrap-select 插件。 Check it out here.查找使用 data-live-search="true" 的示例。