jsonの応答からドロップダウンを入力してください

Question

jsonデータをドロップダウンに取り込みたいとします。

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

私は次の形式でJSONあります

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

どのように私は私のドロップダウンを通り移入します：通常の配列の場合には

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

を、私はこのようにそれを行うだろう値としてSkillIDを設定し、ドロップダウンリストのテキストとしてSkillNameを設定しますか？あなたが行うことができます

Answer 1

： -

$.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>