使用 Json Ajax 响应填充选择框

Question

我有一个从 Ajax 请求返回的 json 数组，如下所示。

{
  "success":true,
  "message":null,
  "messages":null,
  "data":[
    {"Type":"Model","Value":"A Model"},
    {"Type":"Model","Value":"B Model"}
  ]
}

我想获取每个数据并使其成为选择框中的选项。但是 jquery 代码不起作用。感谢您的帮助。

$.each(response.data, function(key, val){
   $('#mySelect').append('<option id="' + val.Value + '">' +   val.Value + '</option>');
})

Answer 1

var response = {
  "success":true,
  "message":null,
  "messages":null,
  "data":[
    {"Type":"Model","Value":"A Model"},
    {"Type":"Model","Value":"B Model"}
  ]
}

$.each(response.data, function(key, val){
   $('select').append('<option id="' + val.Value + '">' +   val.Value +'</option>');//missing +
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select></select>