ASP.NET MVC实现多选下拉框保存并显示_实用技巧_

namespace MvcApplication1.Models { public class CarFan { public int Id { get; set; } public string Name { get; set; } public string[] SelectedCars { get; set; } } }

namespace MvcApplication1.Models { public class Car { public int Id { get; set; } public string Name { get; set; } } }

using System.Collections.Generic; using System.Linq; using System.Web.Mvc; using MvcApplication1.Models; namespace MvcApplication1.Controllers { public class FanController : Controller { public ActionResult SaveCars() { var carFan = new CarFan() {Id = 1, Name = "Darren", SelectedCars = {}}; ViewBag.allcars = GetAllCars(); return View(carFan); } [HttpPost] public ActionResult SaveCars(CarFan carFan) { //if (ModelState.IsValid) //{ // foreach (var item in carFan.SelectedCars) // { // //TODO:把选中的Car的编号和CarFan保存到中间表 // } //} ViewBag.allcars = GetAllCars(); return View(carFan); } private IEnumerable GetAllCars() { List allCars = new List(); allCars.Add(new SelectListItem() { Value = "1", Text = "奔驰" }); allCars.Add(new SelectListItem() { Value = "2", Text = "宝马" }); allCars.Add(new SelectListItem() { Value = "3", Text = "奇瑞" }); allCars.Add(new SelectListItem() { Value = "4", Text = "比亚迪" }); allCars.Add(new SelectListItem() { Value = "5", Text = "起亚" }); allCars.Add(new SelectListItem() { Value = "6", Text = "大众" }); allCars.Add(new SelectListItem() { Value = "7", Text = "斯柯达" }); allCars.Add(new SelectListItem() { Value = "8", Text = "丰田" }); allCars.Add(new SelectListItem() { Value = "9", Text = "本田" }); return allCars.AsEnumerable(); }

@model MvcApplication1.Models.CarFan @{ ViewBag.Title = "SaveCars"; Layout = "~/Views/Shared/_Layout.cshtml"; } 
@Model.Name 感兴趣的汽车品牌包括：(最多选择2个)
 @using (Html.BeginForm("SaveCars", "Fan", FormMethod.Post, new {id="editForm"})) { @Html.ListBoxFor(m => m.SelectedCars, (IEnumerable)ViewBag.allcars, new {@class="chosen", multiple="multiple", style="width:350px;"}) 
 } @section scripts {  }