如何使用下拉菜单实现搜索功能？

Question

我有一个网站，上面有很多我在 Wordpress 中制作的产品。为了方便我的访问者，我想做一个带有下拉菜单的搜索功能。

我的想法是，我的访问者必须 select 某些下拉菜单中的某些类别，并最终按下搜索按钮以显示匹配的产品，以及访问者选择的内容。

我认为这些类型的下拉菜单是这样的：https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elem_select

Answer 1

为此，您需要创建自定义下拉列表而不是 select 列表。或者，您可以使用 datalist

<form action="/action_page.php" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
</form>