javascript - 如何将输入放在选择标签的顶部进行搜索？

Question

我正在尝试制作高级 <select>标记，但在第一个 <option> 之前实现输入用于搜索的属性。像这样:

这是我的代码。如何添加 <input name="search_category" class="search" />到我的代码？

select {
  width: 50%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select size="1" class="selection">
    <option>Social</option>
    <option>Political</option>
    <option>Cultural</option>
    <option>Athletic</option>
    <option>Other</option>
</select>

注意:我使用 jQuery。

Answer 1

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_elem_datalist

如果我理解问题正确，这应该可以解决问题。