填充json响应的下拉列表

时间:2017-12-28 19:17:22

标签: jquery json drop-down-menu

我想用json数据填充我的下拉列表。

trainClass = np.ones(len(allDataList[0])).tolist()
trainArray = tfIdfsListTrain.toarray()
np.concatenate( (trainArray, trainClass))

我有以下格式的 json

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

如果是普通数组,我会这样做:

[
  {
    "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设置为我的下拉列表文本?

1 个答案:

答案 0 :(得分:2)

你可以这样做: -

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

工作示例: -

&#13;
&#13;
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));
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectSkill"></select>
&#13;
&#13;
&#13;

相关问题