javascript - 使用 JQuery 提交表单

标签 javascript jquery asp.net-mvc forms

我在页面上有以下表格:

<form action="/" method="post">
<select id="SelectedMonth" name="SelectedMonth">
<option>7/1/2017</option>
<option>6/1/2017</option>
</select>
</form>  

我正在尝试使用以下 jquery 片段来提交表单。 jquery 代码位于表单之外,表单是页面上唯一的表单。

 $("#SelectedMonth").change(function () {
         alert(this.value);
         $('form').submit(function (event) {
         alert("Submitted");
         event.preventDefault();
         });
    });

第一个警报被触发并显示所选值,但从未触发提交。

这看起来很简单,但行不通。我错过了什么?

TIA

最佳答案

改变action,让它变成空白 并像这样改变功能

$("#SelectedMonth").change(function () {
     $('form').submit();
});

它会起作用

关于javascript - 使用 JQuery 提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45173295/

相关文章:

javascript - 仅在切换类(class)时显示标题和段落?

asp.net-mvc - 使用 NHibernate 和 Autofac 管理多个数据库

javascript - 如何在 Node (jsforce) 中使用 SOAP/REST API 创建 PushTopic

php - iframe 导航破坏了 Firefox 后退按钮 - 解决方法吗?

javascript - 第一次成功加载 ajax 数据后按钮不起作用

c# - jQuery 没有找到 Asp.net 转发器交替项

asp.net - 使用 IIS 10 初始化应用程序

asp.net-mvc - Action 命名约定

javascript - Kendo Grid,水平滚动和列大小调整

javascript - &lt;!DOCTYPE html> 和 .clientHeight JavaScript 的兼容性问题