Как динамически создавать параметры элемента select с помощью jquery?

Мне нужно динамически создавать параметры элемента select с помощью вызова ajax. Количество вариантов и их содержание будут различаться. Вот как это выглядит перед вызовом ajax:

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

Вот одна из моих попыток создать элемент option с фиктивным значением:

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

Но он добавляет его вне выбора. Я также не знаю, как установить текст внутри.

Любые идеи? Я видел некоторые вопросы о заполнении существующих форм выбора статическим числом существующих опций, но не таких, как этот.

Спасибо.

Ответ 1

Где .select-group? Если вы используете id из #groupid, тогда это должно работать нормально...

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

Ответ 2

Вот решение..

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

Ответ 3

Если я правильно понял, ниже - то, что вам нужно,

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

DEMO

При условии, что .select-group является селектором для <select></select>

Ответ 4

Вот альтернативное решение. это сработало для меня.

$('#yourSelectBoxId').append("<option value='Saab'>Saab</option>");

Ответ 5

Это сработало для меня:

$('#chat_list').append(new Option(this.subject, this.key_remote_jid));