asp.net-mvc - example - mvc dropdownlist sample



HTML.DropDownListのonchangeイベントの処理Razor MVC (2)

私はこのような単純なHTMLによって選択された値でonchangeイベントを処理しています:

<select onchange="location = this.value;">
         <option value="/product/categoryByPage?PageSize=15" selected="selected">15</option>
         <option value="/product/categoryByPage?PageSize=30" selected="selected">30</option>
         <option value="/product/categoryByPage?PageSize=50" selected="selected">50</option>
</select>

このようにする:

List<SelectListItem> items = new List<SelectListItem>();
string[] itemArray = {"15","30","50"};

for (int i = 0; i < itemArray.Count(); i++)
{
    items.Add(new SelectListItem 
    { 
        Text = itemArray[i], 
        Value = "/product/categoryByPage?pageSize=" + itemArray[i]
    });
}

ViewBag.CategoryID = items;
@Html.DropDownList("CategoryID")

@Html.DropDownList() onchangeをどのように処理できますか?


Answer #1

説明

DropDownListメソッドの別のオーバーロードを使用できます。 必要なものを選択し、html属性を持つオブジェクトを渡します。

サンプル

@Html.DropDownList("CategoryID", null, new { @onchange="location = this.value;" })

詳しくは


Answer #2

dknaackの方法は私のためには機能しません、私はこの解決策も見つけました:

@Html.DropDownList("Chapters", ViewBag.Chapters as SelectList, 
                    "Select chapter", new { @onchange = "location = this.value;" })

どこで

@Html.DropDownList(controlName, ViewBag.property + cast, "Default value", @onchange event)

コントローラには次のものを追加できます:

DbModel db = new DbModel();    //entity model of Entity Framework

ViewBag.Chapters = new SelectList(db.T_Chapter, "Id", "Name");




html-helper