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

Question

我需要通过 ajax 调用动态创建选择元素的选项。选项的数量及其内容会有所不同。这是 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 在哪里？如果您使用 #groupid 的 id 那么这应该可以正常工作...

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