Javascript / jQuery ajax選擇未填充

Question

我有以下jquery代碼，其中我試圖使用ajax獲取一些數據，然后填充放置在html文檔正文中的選擇內容：

$.ajax({
    url: 'myurlhere',
    method: 'GET',
    async: false,
    success: function(result) {
        $.each(result, function(i, value) {
            $('#myselect').append($('<option>').text(value).attr('value', value));
        });
    }
});

ajax調用的結果獲取以下數據：

{
   "651":{
      "name":"somename",
      "stts":{
         "opt1":2,
         "opt2":1,
         "opt3":"0"
      }
   },
   "659":{
      "name":"someothername",
      "stts":{
         "opt1":2,
         "opt2":1,
         "opt3":"0"
      }
   }

}

這是html：

<select id="#myselect"></select>

我可以看到收集了數據，但沒有填充SELECT。

我究竟做錯了什么？

Answer 1

您需要遍歷該對象並使用屬性來獲取出現在html中的值。 即： value.name ：

$.ajax({
        url: 'myurlhere',
        method: 'GET',
        async: false,
        success: function(result) { 
            $.each(result, function(i, value) {
                 // Access name with value.name etc.      
                 $('#myselect').append($('<option>').text(value.name).attr('value', value.name));
            });
        }
});

就像@Alex Kudryashev指出的那樣，您的select元素應該是：

<select id="myselect"></select>