내가이 형태의 JSON이 JSON

Question

에서 드롭 다운 목록 작성 :

{"COLUMNS":["ID", "Name"],"DATA": 
[ 
    ["1","Joe"], 
    ["2", "Sam"], 
    ["3", "Doug"], 
] 
} 

를 내가이 데이터에서 드롭 다운 목록을 작성하는 방법의 예를 찾고 자바 스크립트되었지만 JSON의 모든 예제/드롭 다운 목록은 JSON이 다른 형식으로되어 있습니다. 자바 스크립트를 많이 사용하지 않았거나 json 데이터를 전혀 사용하지 않아서 어디서부터 시작해야할지 모르겠습니다. 누구든지 위대한 튜토리얼이나 예제의 방향으로 나를 가리킬 수 있습니까? 감사.

Answer 1

자바 스크립트 :

<select id="selector"></select> 

JSFiddle 예 :

window.onload = function() { 
    var JSON = { 
     "COLUMNS":["ID", "Name"], 
     "DATA": [ 
      ["1","Joe"], 
      ["2", "Sam"], 
      ["3", "Doug"] 
     ] 
    }, select = document.getElementById("selector"); 
    for (var i = 0, at = JSON.DATA[i], id = at[0], name = at[1]; i < JSON.DATA.length; i++) { 
     var option = document.createElement("option"); 
     option.value = id; 
     option.textContent = name; 
     select.appendChild(option); 
    }; 
}; 

당신의 JSON 문자열 형태 인 경우, 먼저 JSON.parse();

HTML을 사용하여 분석하는 것이 있는지 확인하십시오 : http://jsfiddle.net/su7sr/1

Answer 2

나는 correc t JS는 다음과 같습니다 :

window.onload = function() { 
    var JSON = { 
     "COLUMNS":["ID", "Name"], 
     "DATA": [ 
      ["1","Joe"], 
      ["2", "Sam"], 
      ["3", "Doug"] 
     ] 
    }, select = document.getElementById("selector"); 
    for (var i = 0; i < JSON.DATA.length; i++) { 
    var at = JSON.DATA[i], id = at[0], name = at[1]; 
     var option = document.createElement("option"); 
     option.value = id; 
     option.textContent = name; 
     select.appendChild(option); 
    }; 
};