Почему мой ниспадающий список не отправляет форму?

Question

Вот мой код:

<div class="center"> 
    <p> Choose item:</p> 
    <div class="dropdown"> 
     @using (Html.BeginForm("Start", "Home", FormMethod.Post, new { name = "form", id = "form" })) 
     { 
      @Html.DropDownListFor(x => x.SelectedId, @Model.ViewJaren, 
       new 
       { 
        onchange = "this.parentNode.form.submit()" 
       } 
      ) 
     } 
    </div> 
</div> 

пытался заставить его работать, но не могу понять его. Я получил onchange для работы с document.getElementById("form"). Но нет никакой ценности. Я получаю пустую страницу.

Answer 1

Почему бы не просто разделить его.

<script> 
$(document).ready(function(){ 
    $('#@Html.IdFor(x => x.SelectedId)').change(function(e){ 
     $(this).closest('form').submit(); 
    }); 
}); 
</script>