如何使用下拉菜单进行搜索？

Question

我有一个网站，其中包含我在Wordpress中制作的许多产品。为了方便访客，我想使用下拉菜单进行搜索。

我的想法是，访问者必须在某些下拉列表中选择一些类别，然后最终按下搜索按钮以显示与访问者选择的商品相匹配的产品。

我认为这些下拉列表类型如下：https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elem_select

Answer 1

为此，您需要创建一个自定义下拉列表，而不是选择列表。或者，您可以使用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>