使用jQuery向<select>添加选项？

Question

使用jQuery向<select>添加选项？添加option使用jQuery的下拉列表？这个能行吗？$("#mySelect").append('<option value=1>My option</option>');

Answer 1

这在IE8中不起作用(但在FF中却起作用)：

$("#selectList").append(new Option("option text", "value"));

这确实奏效了：

var o = new Option("option text", "value");/// jquerify the DOM object 'o' so we can use the html method$(o).html("option text");
$("#selectList").append(o);

Answer 2

可以使用以下语法添加选项，也可以访问jQuery中的方法句柄选项更多细节。

1. $('#select').append($('<option>', {value:1, text:'One'}));

2. $('#select').append('<option value="1">One</option>');

3. var option = new Option(text, value); $('#select').append($(option));