返回Json函数没有更新我的下拉列表

return Json function is not updating my drop down lists

本文关键字：更新 我的 下拉列表 Json 函数 返回      更新时间：2023-09-26

我有一个视图，其中有一个填充的下拉列表，我已经添加了一个按钮，所以用户可以添加一个新的下拉列表值在jquery模态，所以当用户点击添加新的下拉列表值，我想刷新下拉列表，但目前没有更新。

下面是我对下拉列表的看法

@model Communique.Models.PersonSupplierDetailsModel
@using Boxharry.Extensions;
@using Communique.Models;
@{
    List<SelectListItem> languages = ViewData["languages"] as List<SelectListItem>;
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_LayoutApplicationModal.cshtml";
    if(Model.Languages == null)
    {
        Model.Languages = new List<LanguageModel>();
    }
}
<section class="page-content tabs-panel-content">          
    <div class="workspace-column ">
        <div class="modal-content person-supplier-details">
            <div class="sub-menu">
                <a class="create language-modal" href="#">Add a new Language</a>
            </div>
            <div class="modal-workspace-contents modal-form">
                @using (Html.BeginForm("SupplierDetails", "People"))
                {
                        @for(int i = 0; i < 3; i++)
                        {
                            var language = Model.Languages.ElementAtOrDefault(i);
                            if (language == null) { Model.Languages.Add(new LanguageModel()); }
                            @Html.HiddenFor(x => x.Languages[i].Id)
                            @Html.WrappedDropDownListFor(x => x.Languages[i].LanguageFrom, languages, new { @class = "form-item-container dropdownlist supplier-languages" }, "", "Please select...")
                            @Html.WrappedDropDownListFor(x => x.Languages[i].LanguageTo, languages, new { @class = "form-item-container dropdownlist supplier-languages" }, "", "Please select...")
                        }
                }
            </div>
        </div>
    </div>
</section>

这是控制器函数，叫做

[HttpGet]
        public ActionResult GetLanguages()
        {
            CommuniqueWrapper communiqueWrapper = new CommuniqueWrapper();
            var languages = communiqueWrapper.GetTags("Languages", true);
            return Json(languages, JsonRequestBehavior.AllowGet);
        }

这个视图应该刷新下拉列表

@{
    Layout = null;
}
<script>
    $.getJSON("@Url.Action("GetLanguages")", function (data) {
        debugger;
        var $languages = $('.supplier-languages');
        $languages.children().filter(function () {
            return $(this).attr('value');
        }).remove();
        $.each(data, function () {
            debugger;
            var option = $('<option />', {
                text: this.Text,
                value: this.Value
            });
            $languages.append(option);
        });
    });
    jSnap.modals.removeModal();
</script>

有人知道为什么我的下拉列表不刷新吗?

Try This

var select = $("#dropdownid");
select.empty();
  $.each(data, function (index, itemData) {
    select.append($('<option/>', {
      value: itemData.Value,
      text: itemData.Text
     }));
  });
相关文章：