javascript - 使用JSON从JSON更新下拉列表

我有一个列表需要使用对象的JSON集合进行填充。这是我的操作返回的内容:

public ActionResult GetProductCategories()
        {
            var categories = _entities.ProductCategories.ToList();

            var result = new List<SelectListItem>();

            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);
                });
            });
        }

但是它似乎没有用，并且没有给出任何错误。这种事情的最佳实践是什么？

最佳答案

我想知道您在接下来的几行代码中想要实现什么，

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 = $('<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()