从JSON响应填充下拉列表

Question

我想用json数据填充我的下拉菜单。

<select id="selectSkill"><option>Choose a skill</option></select>

我有以下格式的json：

[
  {
    "SkillID": "100",
    "SkillName": "301 - COMCAST"
  },
  {
    "SkillID": "36",
    "SkillName": "303 - COX"
  },
]

在普通数组的情况下，我会这样做：

var array= ["1", "2", "3", "4", "5"];
$.each(array, function (i, p) {
$('#selectSkill').append($('<option></option>').val(p).html(p));

如何填充下拉菜单以设置SkillID为值和SkillName下拉菜单的文本？

Answer 1

你可以做：-

$.each(array, function (i, p) {
  $('#selectSkill').append($('<option></option>').val(p.SkillID).html(p.SkillName));
});

工作示例：-

$.each(array, function (i, p) {
  $('#selectSkill').append($('<option></option>').val(p.SkillID).html(p.SkillName));
});

array =[
  {
    "SkillID": "100",
    "SkillName": "301 - COMCAST"
  },
  {
    "SkillID": "36",
    "SkillName": "303 - COX"
  },
];

$.each(array, function (i, p) {
  $('#selectSkill').append($('<option></option>').val(p.SkillID).html(p.SkillName));
});