使用JSON中的Jquery更新下拉列表

我有一个列表，我需要使用JSON的对象集合来填充。 这是我的行动回归：

public ActionResult GetProductCategories() { var categories = _entities.ProductCategories.ToList(); var result = new List(); foreach (var category in categories) { result.Add(new SelectListItem {Text = category.CategoryName, Value = category.CategoryId.ToString()}); } return Json(result, JsonRequestBehavior.AllowGet); } 

这是我从我的javascript中得到的，从各种来源收集：

 function loadCategories() { $.getJSON("/Admin/Product/GetProductCategories", null, function (data) { var selectList = $("#subCategories"); $.each(data, function(index, optionData) { var option = new Option(optionData.Text, optionData.Value); selectList.add(option, null); }); }); } 

但它似乎没有工作，并没有给出任何错误。 什么是这种事情的最佳做法？

Answer 1

我想知道你在下一行代码中想要实现什么，

 var option = new Option(optionData.Text, optionData.Value); selectList.add(option, null); 

你试图创建一个option然后将其添加到select ？ 如果是这样，就这样做，使用.append()

 selectList.append(option); 

有了它，我仍然假设new Option(optionData.Text, optionData.Value); 正在创建一个新option ，在jQuery中它就像这个var option = $('').text(optionData.Text).val(optionData.Value);

---

添加了.add()注释，

 var selectList = $("#subCategories"); // creates jQuery object selectList. selectList.add(option, null); // selectList is jQuery object, // so when you call .add(), you're calling jQuery's `add()`. 

这是一个解决方法，

 selectList[0].add(option, null); // you can use [0] to convert it into DOM object. 

区别：

• DOM select对象的.add（）
• jQuery对象的.add（）

Answer 2

如果JQuery不喜欢从服务器返回的JSON数据，它将无声地失败。 将浏览器指向/ Admin / Product / GetProductCategories并查看结果。 确保它没有任何html标记，并确保键名称周围有双引号。