Как создать dropdownlist динамически с помощью jquery?
Пожалуйста, извините меня, потому что мой английский язык не очень хорош!
Мой сценарий заключается в том, что я хочу получить данные из первого dropdownliast и привязаться к динамическому dropdownlist.
Что я уже пробовал:
В контроллере я делаю это для первого выпадающего списка:
public ActionResult Create() { List<SelectListItem> Zone = new Karaneh_Inf().C_Tbl_Center.Select(p => new SelectListItem() { Text = p.ZoneName, Value = p.IdZone.ToString(), }).Distinct().ToList(); ViewBag.Zone = Zone; return View(); }
в виду:
<div class="form-group"> @Html.LabelFor(model => model.IdZone, "منطقه", htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.DropDownList("zoneid", ViewBag.Zone as List<SelectListItem>, null, htmlAttributes: new { @class = "form-control", onChange = "Get(this.value)" }) @Html.ValidationMessageFor(model => model.IdZone, "", new { @class = "text-danger" }) </div> </div> <select id="centers"> <option>No-Data</option> </select>
Затем я использую jquery для ajax:
function Get(zoneid) { $.ajax('/Person/CenterDDL/' + zoneid).done(function (data) { $('#centers').append(data); }); }
Также я пишу действие для создания partialview для второго dropdownliast:
public PartialViewResult CenterDDL(int zoneid) { return PartialView(new Karaneh_Inf().C_Tbl_Center.Where(p => p.IdZone == zoneid).ToList()); }
Затем Создайте PartialView:
@using Karaneh.Models @model List<c_tbl_center> <div class="form-group"> <label>Center</label> <div class="col-md-10"> @foreach (C_Tbl_Center center in Model) { <option value="@center.CenterCode">@center.CenterName</option> } </div> </div>
Но когда я запускаю проект,не создается никакого динамически выпадающего списка!