返回Json函数不会更新我的下拉列表

我有一个视图，其中有一个填充的下拉列表，我添加了一个按钮，以便用户可以在jquery模式中添加新的下拉列表值，因此当用户单击以添加新的下拉列表值时，我想刷新下拉列表但此刻什么都没有更新。

这是我对下拉列表的看法

@model Communique.Models.PersonSupplierDetailsModel @using Boxharry.Extensions; @using Communique.Models; @{ List languages = ViewData["languages"] as List; ViewBag.Title = "Create"; Layout = "~/Views/Shared/_LayoutApplicationModal.cshtml"; if(Model.Languages == null) { Model.Languages = new List(); } } 
 
 
 
 Add a new Language 
 
 @using (Html.BeginForm("SupplierDetails", "People")) { @for(int i = 0; i  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...") } } 
 
 
  

这是被调用的控制器function

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

这是应该刷新下拉列表的视图

 @{ Layout = null; }  $.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 = $('', { text: this.Text, value: this.Value }); $languages.append(option); }); }); jSnap.modals.removeModal();  

任何人都可以看到为什么我的下拉列表不令人耳目一新？

Answer 1

试试这个

 var select = $("#dropdownid"); select.empty(); $.each(data, function (index, itemData) { select.append($('', { value: itemData.Value, text: itemData.Text })); });