Popup-Dropdown von JSON-Antwort

Question

Ich möchte mein Dropdown mit JSON Daten bevölkern.

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

Ich habe json in folgendem Format:

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

Bei normalen Arrays, ich es so tun würde:

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

Wie würde ich meine Drop-Down-bevölkern als SkillID als Wert und SkillName als Text meines Dropdowns setzen?

Answer 1

können Sie tun: -

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

Arbeitsbeispiel: -

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>