使用jQuery填充下拉选择数组

Question

我正在尝试使用jQuery填充数组的下拉选择.

这是我的代码:

        // Add the list of numbers to the drop down here
        var numbers[] = { 1, 2, 3, 4, 5};
        $.each(numbers, function(val, text) {
            $('#items').append(
                $('<option></option>').val(val).html(text)
            );            
        // END

但是我收到了一个错误.每个功能都是我离开这个网站的东西.

是否因为我正在使用一维数组而轰炸？我希望选项和文本都一样.

Answer 1

尝试循环:

var numbers = [1, 2, 3, 4, 5];

for (var i=0;i<numbers.length;i++){
   $('<option/>').val(numbers[i]).html(numbers[i]).appendTo('#items');
}

更好的方法:

var numbers = [1, 2, 3, 4, 5];
var option = '';
for (var i=0;i<numbers.length;i++){
   option += '<option value="'+ numbers[i] + '">' + numbers[i] + '</option>';
}
$('#items').append(option);

Answer 2

数组声明的语法不正确.请尝试以下方法:

var numbers = [ 1, 2, 3, 4, 5]

循环部分似乎正确

$.each(numbers, function(val, text) {
            $('#items').append( $('<option></option>').val(val).html(text) )
            }); // there was also a ) missing here

正如@Reigel所做的似乎增加了更多的性能(在这样的小阵列上并不明显)

Answer 3

你也可以这样做:

var list = $('#items')[0]; // HTMLSelectElement
$.each(numbers, function(index, text) { 
    list.options[list.options.length] = new Option(index, text);
});