MVC5下拉框單選綁定的具體代碼實現

這篇文章主要為大家詳細介紹了MVC5下拉框綁定，具有一定的參考價值，感興趣的小夥伴們可以參考一下

本文執行個體為大家分享了MVC5下拉框單選綁定的具體代碼，供大家參考，具體內容如下

1.Model

[Display(Name = "學曆")] public ICollection<System.Web.Mvc.SelectListItem> asdflist{ get; set; }  //下拉框的類型[Display(Name = "學曆")][Required]public int asdf { get; set; }    //學曆這個欄位的屬性

2.controller

(1)先寫一個程式綁定,可以通過資料庫綁定或者直接綁定

[Description("學曆")][LoginAllowView] private List<SelectListItem> bind_Education(){     StringBuilder sb = new StringBuilder();     sb.Append(" select id,name ");     sb.Append(" from Edu_file ");     DataTable dt = sqlHelp.getData(sb.ToString());//sqlHelp是已經寫好的協助類,便於資料庫的操作     var factorOptions = dt.AsEnumerable().Select(row => new SelectListItem      {        Text = row["name"],        Value = row["id"]      }).ToList();      return factorOptions;}[Description("學曆")][LoginAllowView]private List<SelectListItem> bind_Education(){    List<SelectListItem> listItem = new List<SelectListItem>();    listItem.Add(new SelectListItem { Text = "本科", Value = "1" });    listItem.Add(new SelectListItem { Text = "碩士", Value = "2" });     listItem.Add(new SelectListItem { Text = "博士", Value = "3" });     return listItem; }

(2)初始化,並傳給視圖

[Description("我的學曆")][UIExceptionResult] public ActionResult Edu(){    var edu= new EduModel();    edu.asdflist=bind_Education();  //初始化下拉框的值    return View(edu); }

3.視圖

@model RsJob.Web.Models.EduModel  <p class="form-group">    @Html.LabelFor(m => m.agj03, new { @class = "col-sm-2 control-label" })        <p class="col-sm-10">          @Html.DropDownListFor(model => model.asdf, Model.asdflist, new { @class = "form-control select2", style = "width: 100%;" })          @Html.ValidationMessageFor(m => m.asdf, "", new { @class = "text-danger" })        </p> </p>

select2是bootstrap的樣式,js添加:$('.select2').select2();