Javascript 在html选择中添加搜索

Javascript 在html选择中添加搜索,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我正在我的网站上使用。一切都很好,我只想添加一个过滤器类型的东西,在上面有一个文本框。输入文本时,它将过滤结果 我的当前列表框: <select name="test"> <option value="1"></option> <option value="2"></option> <option value="3"></option> </select> 使用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没有您想要的功能


我建议你使用引导选择插件。查找使用data live search=true的示例。

Ok,然后呢?有什么问题吗?@ScottKaye我想添加一个搜索框来过滤li项目