Niloufar Mohammadi Ответов: 0

Как создать 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>


Но когда я запускаю проект,не создается никакого динамически выпадающего списка!

0 Ответов