jquery - 通过 jQuery 构建选择列表

Question

我正在尝试<select>使用 jQuery 创建一个列表。这是我所拥有的：

$('<select />')
    .attr('name', 'location')
    .val("Location 1")
    .appendTo(this);

该值.val("Location 1")不会出现在下拉列表中。我想在我的列表中有 3 个位置。我该怎么做呢？

Answer 1

只需在<option>里面添加元素：

$('<select />')
    .attr('name', 'location')
    .append('<option>Location 1</option>',
            '<option>Location 2</option>',
            '<option>Location 3</option>')
    .appendTo(this);

演示：http: //jsfiddle.net/KUDJ6/

Answer 2

属性是诸如大小、颜色等之类的东西。如果要附加到选择，则需要将选项附加到选择标记中，如下所示：

$('#mySelect').append($('<option>', { value : key }).text(value)); 

Answer 3

只需在页面上创建一个选择元素并将位置添加到它..

$(function(){
    var html = '';
    for(var i =1;i<=3;i++){
       html += '<option value="'+ i +'"> Location ' + i + '</option>'; 
    }
    $('#dropdown1').append(html);
});

检查这个例子http://jsfiddle.net/sushanth009/wMC6j/