목록 반복 및 드롭 다운 표시

Question

속성이 name 및 code 인 동물 개체 목록이 있습니다. 이것을 반복하고 결과를 HTML select에 표시해야합니다. 여기서 레이블은 name이어야하고 code은 값이어야합니다.

Animal 
{ 
    String name; 
    String code; 
} 

자바 스크립트로 값을 밀어 넣으려고했지만 아무 쓸모가 없습니다. 나는 c:forEach와 같은 일을 시도했다. 누구든지 도움이 될만한 아이디어 나 단서가 있습니까? 아래 코드는 내가 사용하려고하고 있습니다 :

<select id='animalList' multiple="multiple"></select> 

var select = document.getElementById("animalList"); 
var i = 0; 
for (i = 1; i <= 5; i++) { 
    select.options[select.options.length] = new Option(i, i);  
} 

Answer 1

당신이 어떤 종류의 데이터를 나열합니다? 내가 이런 Animal의 Array의 가정

var animals = [ 
    {name : "animal1", code : 1}, 
    {name : "animal2", code : 2}, 
    {name : "animal3", code : 3} 
] 

을 그리고 여기이 배열에 대한 솔루션입니다

var select = document.getElementById("animalList"); 

for(var i=0;i<=animals.length;i++) 
{ 
    select.options[i] = new Option(animals[i].name,animals[i].code); 
} 

jsfiddle : http://jsfiddle.net/dm1bpgp6/1/