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

Question

我有以下HTML：

<select id="AccountID" name="AccountID">
<option value="02">AA</option>
<option value="01">BB</option>
<option value="00">CC</option>
</select>

是否可以使用jQuery插入另一个选项来使其像这样？

<select id="AccountID" name="AccountID">
<option value="99">Select Account ..</option>
<option value="02">AA</option>
<option value="01">BB</option>
<option value="00">CC</option>
</select>

Answer 1

您可以使用prepend方法：

$('#AccountID').prepend('<option value="99">Select Account ..</option>');

http://jsfiddle.net/NJ8Bv/

Answer 2

试试这个：

$('#AccountID').prepend('<option value="99">Select Account..</option>');

OR

$("#AccountID").prepend(new Option("Select Account..", "99"));

<强> JSFIDDLE

Answer 3

尽可能避免使用html标记。试试这个：

$('#select').append($("<option></option>").attr("value",'my_val').text('This is my option'));