使用JSON從Jquery更新下拉列表

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