Захват значения типа ввода "месяц" перед отправкой формы

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, например onchange="myFunction()", где myFunction - это функция Java Script, которая вызывает ваш контроллер, например,

<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>