使用JSON從JSON更新下拉列表

Question

我有一個列表，需要使用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);
                });                
            });
        }

但是它似乎沒有用，並且沒有給出任何錯誤。 這種事情的最佳實踐是什么？

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 = $('<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標記，並確保鍵名周圍有雙引號。