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)); 
}); 

작동 예 : -

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 데이터를 사용할 수 있습니다 [의