jqueryを使用してselect要素のオプションを動的に作成する方法は？

私はajax呼び出しを介してselect要素のオプションを動的に作成する必要があります。オプションの数とその内容は異なります。これは、以前のAJAX呼び出しにどのように見えるかです：ここではjqueryを使用してselect要素のオプションを動的に作成する方法は？

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

はダミーの値とオプション要素を作成するために私の試みの一つである：

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

しかし、それは選択の外にそれを追加します。また、テキストをどのように設定するかもわかりません。

アイデア？既存の選択フォームに既存のオプションが静的に数えられているが、このようなものはありません。

ありがとうございました。

'」.select-group''があなたの' SELECT'要素であるならば、それは動作しますが、あなたはおそらくそれにあまりにもいくつかのテキストを与えたいと思うけれども： '{値： "999"、テキストを：" 999 "}'。 –

続きを読む - http://www.kvcodes.com/2016/10/add-append-insertoptions-select-options-using-jquery-javascript/ – Kvvaradha

.select-groupはどこですか？あなたが#groupidのIDを使用する場合、これはうまく動作するはずです...

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

2012-03-15 20:53:57 elclanrs

素晴らしい！まだ滑らかに動作します... –

私が正しく理解している場合、下記の.select-groupはセレクタ提供

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

、何が必要ですthe <select></select>

2012-03-15 20:54:05

ここが解決策です。

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

2012-11-21 06:03:48

これが私の仕事：ここ

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

2014-04-21 15:26:14 Titogelo

は、代替ソリューションです。これは私のために働いた。

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

2015-01-15 19:44:38

答えて