javascript - 如何制作一个下拉框(选择元素)来接受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>