<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
我需要添加一个搜索栏，以便我可以从列表中过滤掉不需要的选项。我需要使用 select 并且需要在没有插件的情况下执行此操作，最简单的方法是什么？我尝试使用 select2 插件，但它搞砸了我的整个应用程序，因为它依赖于以前的开发人员编写的一些逻辑。数据填充已经处理完毕，因此我不需要执行任何操作来填充它。
我还需要指出，我需要能够在文本框中输入内容，而 html5 select 不允许我这样做，并且能够有一个下拉箭头，让我可以看到完整的列表。我们可以通过一些技巧单独使用 html5 来做到这一点，还是我需要大量的 javascript 来做到这一点？
Use <datalist> element
<label for="cars">Search cars: <input list="cars" name="cars" type="text">
</label>
<datalist id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</datalist>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
