Javascript 在<；选择>；点击

我正在寻找一种在单击

时提交表单的方法

使用说明： 单击复选框，然后使用下拉菜单选择要将所选文件夹移动到的文件夹

以下是我的表单的外观：

请记住，复选框有多种用途（删除、移动到文件夹）。 下拉菜单（

）从

文件夹

表中检索文件夹

我很难解释这一点，所以如果你有任何问题，尽管问

编辑：多亏了NullPointer，我才得以工作。具体代码如下

<script type="text/javascript">
//<![CDATA[ 
$(document).ready(function(){
    $('select').change(function ()
    {
        $(this).closest('form[name="delete-volunteer-app"]').submit();
    });
});//]]>  
</script>

//  

试试看

试一试

只需提交表单，或者最好根据您的要求发送ajax hit

只需提交表单，或者最好根据您的要求发送ajax hit

Plain JS:

window.onload=function() {
  document.getElementsByName("folder")[0].onchange=function() {
    this.form.submit();
  }
}

普通JS：

window.onload=function() {
  document.getElementsByName("folder")[0].onchange=function() {
    this.form.submit();
  }
}

---

事实上，点击并不是最好的选择。例如，如果您使用键盘（Tab键）移动，则不会检测到单击事件，只有更改事件是唯一确定的（并且仅当您更改所选选项时）Korcholis是正确的。您应该使用select onchange事件来完成此功能@科奇利斯你是对的。。。SafariThanks甚至不支持单击，因为它有很多空指针。工作完美。我正在使用

change

。我将用准确的代码更新我的OP。事实上，单击并不是最好的选择。例如，如果您使用键盘（Tab键）移动，则不会检测到单击事件，只有更改事件是唯一确定的（并且仅当您更改所选选项时）Korcholis是正确的。您应该使用select onchange事件来完成此功能@科奇利斯你是对的。。。SafariThanks甚至不支持单击，因为它有很多空指针。工作完美。我正在使用

change

。我将用准确的代码更新我的OP。这比听起来要困难得多。尝试通过键盘导航选择框。

单击

事件不足，您还需要

更改

事件。但只有当用户移动到另一个字段时才会触发。另外，不要忘记那些可能使用屏幕阅读器和/或可能没有鼠标的易访问性用户。这比听起来要困难得多。尝试通过键盘导航选择框。

单击

事件不足，您还需要

更改

事件。但只有当用户移动到另一个字段时才会触发。另外，不要忘记那些可能使用屏幕阅读器和/或可能没有鼠标的易访问性用户。

window.onload=function() {
  document.getElementsByName("folder")[0].onchange=function() {
    this.form.submit();
  }
}