javascript - 在html中添加搜索选择

我在网站上使用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>

最佳答案

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

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

关于javascript - 在html中添加搜索选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29562756/