jquery - 如何使用 jQuery 动态创建下拉列表？

Question

如何使用 jQuery 动态创建下拉列表？我所说的下拉列表是指 <select>及其相关的 <option>值。

Answer 1

只需像创建任何元素一样创建元素即可。

示例:

var data = {
    'foo': 'bar',
    'foo2': 'baz'
}


var s = $('<select />');

for(var val in data) {
    $('<option />', {value: val, text: data[val]}).appendTo(s);
}

s.appendTo('body'); // or wherever it should be