MVC視圖中Html.DropDownList()輔助方法的使用

我們先在控制器中准備好一個SelectList類型，然后通過ViewBag.List傳入視圖中。SelectList類型是ASP.NET MVC專門為列表有關的HTML輔助方法提供選項的，例如，Html.DropDownList()、Html.ListBox()都可以使用。

public ActionResult HelperDropDownList()
        {
            List<SelectListItem> listItem = new List<SelectListItem>{
                new SelectListItem{Text="是",Value="1"},
                new SelectListItem{Text="否",Value="0"}
            };
            ViewBag.List = new SelectList(listItem,"Value","Text","");
            return View();
        }

然后在視圖中就可以創建下拉列表了。

@Html.DropDownList("List", ViewBag.List as SelectList, "請選擇")

渲染的HTML是這樣的：

<select name="List" id="List">
<option value="">請選擇</option>
<option value="1">是</option>
<option value="0">否</option>
</select>

還有，若是后台數據使用ViewData傳到視圖時，可以這樣寫：

//后台用ViewData傳值到頁面，或者用ViewBag
public ActionResult HelperDropDownList()
        {
            List<SelectListItem> listItem = new List<SelectListItem>{
                new SelectListItem{Text="是",Value="1"},
                new SelectListItem{Text="否",Value="0",Selected=true}
            };
            //ViewBag.List = new SelectList(listItem, "Value", "Text", "");
            ViewData["List"] = new SelectList(listItem, "Value", "Text", ""); 
            return View();
        }

@using (Html.BeginForm("DropDownValue","Home"))
{
//只需將第一個參數寫成對應的ViewData索引即可,或者對應的ViewBag索引
    @Html.DropDownList("List","請選擇")
    <div>
        <input type="submit" value="提交" />
    </div>
}

 

 --------------------------------------------------------------------------------------------------------------

那么，在視圖頁面的下拉列表被選擇的值怎么傳到Controlloer的方法進行處理呢？可以這樣：

@using (Html.BeginForm("DropDownValue","Home"))
{
    @Html.DropDownList("List", ViewBag.List as SelectList, "請選擇")
    <div>
        <input type="submit" value="提交" />
    </div>

}

將下拉列表置於表單當中，當表單提交時，被選中的值就被提交到控制器方法。

public ActionResult DropDownValue(string List)
{
      ViewBag.Result = List;
      return View();
}

注意接受值的方法的參數名稱與html標簽的id保持一致性。