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 事件绑定(bind)到 javascript 函数，即

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

...并在您的 javascript 文件中

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