$（ '＃MySelect'）。追加（$（ “<选项值= 'finalv'></option>”）.VAL（finalv.Value）的.text（finalv.Text））

Question

var result={"clientIds":[{"id":0,"clientId":"check123"},{"id":1,"clientId":"check234"}]}; 
$.each(result, function (key, data) { 
    $.each(data, function (index1, valindex) { 
     $.each(valindex,function(finalk,finalv) { 
      alert("Final Key::::"+finalk+"Final Value::::"+finalv); 
      $('#MySelect').append($("<option value='finalv'></option>").val(finalv.Value).text(finalv.Text)); 
      // alert("Working"); 
     }); 
    }); 
}); 

我有这样的代码。在过去的each环我得到的值0，check123,1，check234

上述数值我想提出一个下拉

我的代码是：

$('#MySelect').append($("<option></option>").val(finalv.Value).text(finalv.Text)) 

当我执行的代码，字段的名称不会在下拉菜单中显示。我需要每个选项的价值名称。我怎样才能做到这一点？

Answer 1

如果您需要使用JSON数据填充下拉列表，您需要先解析它。下面是一个显示相同的stackoverflow link。

您需要将Key-Value对从JSON对象中分离出来，放入选项标签并将选项标签附加到下拉列表中。

我建议你试试这个，

$.each(result, function (key, data) { 
    $.each(data, function (index1, valindex) { 
     $($.parseJSON(valindex)).map(function() { 
      return $('<option>').val(this.value).text(this.label); 
     }).appendTo('#MySelect'); 
     // alert("Working"); 
    }); 
});