如何在下拉菜单上执行操作单击？

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();
}