web-dev-qa-db-ja.com

asp.net MVC剃刀でドロップダウンリストを生成する方法

かみそりでは、このようなドロップダウンリストを生成しています。

    @{
        var listItems = new List<ListItem> 
        { 
              new ListItem { Text = "Home To School", Value = "0" }, 
              new ListItem { Text = "School To Home", Value = "1" } 
        };
    }

@Html.DropDownList("Direction", new SelectList(listItems),new {onchange = "getAlldata()"})

これから生成されたHTMLはこんな感じ

<select id="Direction" name="Direction" onchange="getAlldata()">
<option>Home To School</option>
<option>School To Home</option>
</select>

しかし、私はこのようなHTMLを生成したい

<select id="Direction" name="Direction" onchange="getAlldata()">
<option value="0">Home To School</option>
<option value="1">School To Home</option>
</select>

これどうやってするの。

asp.net-mvc-3razorasp.net-mvc-4
13
vaibhav shah

このように使用します

@Html.DropDownList("Direction", new SelectList(listItems , "Value" , "Text"),new {onchange = "getAlldata()"})
29
ePezhman

ここ は、DropDownListを使用する場合のように、RazorでSelectListItemを構築する方法の例です。

public ActionResult Index()
{
  var db = new NorthwindEntities();
  IEnumerable<SelectListItem> items = db.Categories
    .Select(c => new SelectListItem
                   {
                     Value = c.CategoryID.ToString(), 
                     Text = c.CategoryName
                   });
  ViewBag.CategoryID = items;
  return View();
}

編集：

これをチェックして：

@Html.DropDownList("Direction", new List<SelectListItem>
{
  new SelectListItem{ Text = "Home To School", Value = "0" },
  new SelectListItem{ Text = "School To Home", Value = "1" } 
},new {onchange = "getAlldata()"})
4
Konrad Gadzina