如何使用jquery动态创建select元素的选项？

Question

我需要通过ajax调用动态创建select元素的选项.选项的数量及其内容会有所不同.这是它在ajax调用之前的样子:

 <select name="groupid" style="width:100%;">
<option value="0" selected>(Please select an option)</option>
</select>

这是我尝试使用虚拟值创建选项元素之一:

$("<option></option>", {value: "999"}).appendTo('.select-group');

但它将它添加到select之外.我也不知道如何设置文本.

有任何想法吗？我已经看到一些关于使用静态数量的现有选项填充现有选择表单的问题,但不是这样的问题.

谢谢.

Answer 1

在哪里.select-group？如果你使用id #groupid那么这应该工作得很好......

$('<option>').val('999').text('999').appendTo('#groupid');

Answer 2

这是解决方案..

$('#yourSelectBoxId').append(new Option('optionName', 'optionValue'));

Answer 3

如果我理解正确,下面是你需要的,

$("<option></option>", 
     {value: "999", text: "Nine Ninety Nine"})
    .appendTo('.select-group');

提供.select-group了选择器<select></select>