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

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

<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在每个选项的背景中制作图片。但我在其他网站上经常看到，当你点击下拉菜单中的一个选项时，一个动作就完成了。与单击该选项时提交的表单类似。但是我的，你必须点击这个选项，然后点击提交

---

我想象这将是一个简单的更改，但我找不到答案…

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

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

---

选择某个选项后，您希望执行什么操作？要使用所选值提交的表单这会使其提交，但不会提交值。。。当我选择并单击Submit时，表单确实可以工作。您使用什么服务器技术？主要有两种选择。要么将下拉列表设置为服务器控件，要么将所选值保存在隐藏输入中，然后从后端读取该值。bluehost，apache，我真的不理解您描述的选项，所以请给我看一下，我会很高兴的……我将其更改为onchange=“this.form.submit（）”，现在就可以正常工作了。谢谢你的帮助。我建议您在不同的浏览器中进行测试，因为JS中引用表单的标准方法是使用document.forms[formName]或document.forms[formIndex]

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