如何使用下拉菜单制作搜索功能？答案

【问题标题】：How to make a search function with dropdown?如何使用下拉菜单制作搜索功能？
【发布时间】：2019-04-21 20:57:23
【问题描述】：

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

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

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

【问题讨论】：

欢迎来到 Stack Overflow！请访问help center，使用tour 了解内容和How to Ask。做一些研究，搜索关于SO的相关主题；如果您遇到困难，请发布您的尝试minimal reproducible example，并注明输入和预期输出。

标签： javascript html wordpress filter webshop

【解决方案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>

【讨论】：

感谢您的快速回答！所以，现在我知道如何制作下拉菜单，也知道如何设置它，所以看起来不错。我也知道如何设置它，所以看起来不错，但是如何将访问者转移到我网站上的正确位置？