asp.net-mvc - ASP.NET MVC 3 DropDownListFor

Question

ユーザーがアイテムを選択したときにロジックを実行するにはどうすればよい@Html.DropDownListForですか？

ユーザーがクリックした内容に基づいて、モデルを更新し、新しく編集したデータで再パスしたいと思います。

ドロップダウンリストのコードは次のとおりです。

@Html.DropDownListFor(m => m.Categories, Model.Categories, "Select a Category")

Answer 1

ドロップダウン リストの onchange イベントを使用する

@Html.DropDownList("ddlCountry", ViewBag.Country as SelectList, "Select...", new { onchange = "FetchStates();" })

この カスケーディング ドロップダウンの例を示すカスケーディング ドロップダウンリストのリンク

Answer 2

javascriptを使用できます。

DropDownListForのオーバーロードを確認してください。ID new { onchange="yourJavascriptMethod" }/名前を渡すか指定して、JavaScriptでイベントハンドラーを登録できます。

Answer 3

最も簡単な方法は、jqueryを使用することです。次に例を示します。

$(document).ready(function() {
    $("#Categories").change(function() {
        var strSelected = "";
        $("#Categories option:selected").each(function() {
            strSelected += $(this)[0].value;
        });
        var url = "/Home/MyAction/" + strSelected; // or send with json

        $.post(url, function(data) {
            // do something if necessary
        });
    });
});