Question

我要完成的工作是，当用户单击输入字段并选择一个月时，页面会将数据发送到我的控制器，以便它可以使用与该日期相关的数据重新加载页面。

我已经考虑过使用一种套用方法，但这似乎不是解决此问题的正确选择。

@using(Html.BeginForm())
{
<table>
<tr>
<th>Monthly Expense Summary</th>
</tr>
<tr>
<td><input type="month" name="expenseDate" id="expense"/></td>
</tr>
</table>
}

预期结果是我可以在表单发布之前访问输入标签。

Answer 1

为什么不使用onchange="myFunction()"这样的onchange事件，其中myFunction是调用控制器的Java脚本函数，例如

<script>

function myFunction()
{
   var month = document.getElementById("inputFieldID").value;
   $.ajax({
            contentType: "application/json; charset=utf-8",
            url: '/ControllerName/ActionName',
            data: { parameterNameFromControllerAction : month },
            dataType: "json",
            cache: false,
            type: 'POST',
            success: function (formData) {
                // fill form data here
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('Error!');
            }
        });

}


</script>

在提交表单之前捕获输入类型“ month”的值

1 个答案: