배열의 값을 사용하여 HTML 옵션 메뉴를 만드시겠습니까?

Question

사용자 입력을 기반으로 값을 삽입하는 배열을 만들고 현재 배열에 저장된 모든 값을 포함하는 드롭 다운 옵션 메뉴를 만들 수 있기를 원합니다.

누구나 올바른 방법을 알고 있습니까?

현재 내가이 사이트에 jquery와 mootools를 사용하면 도움이된다.

Answer 1

var selectM = document.createElement("select"), values = ["hi", "hello", "hola"]; 

for(var i = 0; i < values.length; ++i) { 
    var opt = document.createElement("option"); 
    opt.value = values[i]; 
    opt.text = values[i]; 
    selectM.add(opt, null);  
} 

// do stuff with your new select menu 
document.getElementById("someDiv").appendChild(selectM); 

Answer 2

당신이 jQuery를 사용하려면 ...

var arr = [1, 2, 3]; 
var $select = $('<select>'); 
for (var i = 0; i < arr.length; i++) { 
    var val = arr[i]; 
    $('<option>').val(val).text(val).appendTo($select); // This assumes your array is an primitive type array, if it's an object array you could use ex. val.Value 
} 

$select.appendTo($('... your selector here ...')); 

Answer 3

당신은 바닐라 JS과 jQuery를 갖고 있기 때문에, 여기 Mootools의를 통해 그것을 할 한 가지 방법입니다 1.3

var makeDropdown = function(vals) { 
    return new Element("select").adopt(vals.map(function(el) { 
     return new Element("option[value="+el+"][text="+el+"]"); 
    })); 
}; 


makeDropdown(["hi", "hello", "hola"]).inject(document.body);