html - 如何对下拉菜单单击进行操作？

Question

我有一个简单的下拉菜单，如下所示：

<select name="category[]" id="category" class="icon-menu">
  <option value="all">All</option>
  <option value="misc">misc</option>
  <option value="travel">travel</option>
  <option value="weather">weather</option>
  <option value="shopping">shopping</option>
  <option value="restaurant">restaurant</option>
  <option value="food">food</option>
  <option value="kitchen">kitchen</option>
  ...

还有一些css在每个选项的背景中制作图片。但是我经常在其他网站上看到，当您单击下拉菜单中的一个选项时，就会完成一项操作。就像单击选项时提交的表单一样。但我的你必须点击选项然后点击提交。

我以为这将是一个简单的改变，但我找不到答案......

Answer 1

您必须将 onchange 事件绑定到 javascript 函数，即

<select id="category" class="icon-menu" onchange="myFunction()"></select>

...并在您的 javascript 文件中

function myFunction()
{
   document.forms[0].submit();
}