填充json响应的下拉列表
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了填充json响应的下拉列表相关的知识,希望对你有一定的参考价值。
我想用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
设置为我的下拉列表的文本?
答案
你可以做:-
$.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));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectSkill"></select>
以上是关于填充json响应的下拉列表的主要内容,如果未能解决你的问题,请参考以下文章
每 2 秒刷新一次从 JSON 响应中填充的 listView
显示rest api json响应,如使用angular js的文本框自动填充