NET Core - отправка при изменении ввода, а не нажатие кнопки

Question

В настоящее время у меня есть форма, которая вызывает метод в моем контроллере. Он отправляет строку в качестве параметра для моего IActionResult (строка всегда числовая, поскольку я получаю ее от ввода типа в диапазоне от 1 до 12). Метод выглядит следующим образом: public IActionResult ChangeForecastMonths(string forecastMonths) Код, на мой взгляд, выглядит следующим образом:

<form asp-action="ChangeForecastMonths">
    <input asp-for="FutureForecastMonths" name="forecastMonths" type="range" class="custom-range" min="1" max="12" step="1" />
    <input type="submit" value="Save" class="btn btn-primary" />
</form>

Я пытаюсь сделать вместо вызова метода ChangeForecastMonths всякий раз, когда кнопка отправки щелчок - чтобы фактически вызывать его всякий раз, когда поле ввода меняет свое значение.

Answer 1

Вы можете подключиться к событию change() ввода, а затем запустить submit() в родительской форме, например:

<form asp-action="ChangeForecastMonths">
  <input asp-for="FutureForecastMonths" name="forecastMonths" type="range" class="custom-range" min="1" max="12" step="1" />
  <input type="submit" value="Save" class="btn btn-primary" />
</form>

@section Scripts
{
  <script>
    $('form input').change(function() {
        $(this).closest('form').submit();
    });
  </script>
}

Результат: