Question

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

$('<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);

DEMO： http://jsfiddle.net/KUDJ6/

Answer 2

属性是大小，颜色等等。如果要附加到选择，则需要将选项附加到选择标记中：

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

Answer 3

只需在页面上创建一个select元素并将Locations添加到它..

$(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/

通过jQuery构建一个选择列表

3 个答案: