asp.net - ASP.NETMVC自動ポストバックドロップダウンが機能しない

Question

次のコードで：

<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js" />
<script type="text/javascript">
    $(function () {
        $('#selectOptions').change(function () {
            $(this).parents('form').submit();
        });
    });
</script>

..。

    <% using (Html.BeginForm("PostedValue", "Home"))
   { %>

<%: Html.DropDownList("selectOptions", new List<SelectListItem> 
                                 { new SelectListItem{ Text="1",  Value="1"},  
                                   new SelectListItem{ Text="2",  Value="2"},  
                                   new SelectListItem{ Text="3",  Value="3"}},
                                 "Select List")%>
<%} %>
</div> </body>
</html>

私は何が間違っているのですか？

Answer 1

私が次のことをするとそれはうまくいく

{new SelectListItem {Text = "1"、Value = "1"}、new SelectListItem {Text = "2"、Value = "2"}、new SelectListItem {Text = "3"、Value = "3"}}、 "リストの選択"、** new {onchange = "$（this）.parents（'form'）。submit（）" **}）％>

$ function（）が機能しないのはなぜだろうと思います。