如何使下拉框（选择元素）接受html中的文本搜索？

Question

我有一个下拉（选择元素）框。我想要的是能够通过键入搜索相同元素中的选项。我已经尝试过HTML5中的数据列表，但是如果选项中没有值，则键入的值将被接受为输入。我想要从选项列表中选择选项，但应该能够通过键入文本来找到它。

<select name="xyz"> 
<option value="a">A</option> 
<option value="b">B</option> 
<option value="c">C</option> 
</select> 

这里如果我输入“A”来搜索选项a应该选择。如果我输入“X”进行搜索，则不应将其作为输入接受。

Answer 1

您可以使用<datalist>

<input type=text list=browsers> 
<datalist id=browsers> 
    <option value="Firefox"> 
    <option value="InternetExplorer"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
</datalist>