個人的には、オプションを追加するために次の構文を好みます。

$('#mySelect').append($('<option>', {
    value: 1,
    text: 'My option'
}));

アイテムのコレクションからオプションを追加する場合は、次の操作を実行できます。

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', { 
        value: item.value,
        text : item.text 
    }));
});

これは IE8 では機能しませんでした (まだ FF では機能していました):

$("#selectList").append(new Option("option text", "value"));

この DID は次のように機能します。

var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
$(o).html("option text");
$("#selectList").append(o);

次の構文を使用してオプションを追加できます。詳細については、jQuery の way handle オプションを参照してください。

1. $('#select').append($('<option>', {value:1, text:'One'}));

2. $('#select').append('<option value="1">One</option>');

3. var option = new Option(text, value); $('#select').append($(option));

オプション1-

あなたはこれを試すことができます-

$('#selectID').append($('<option>',
 {
    value: value_variable,
    text : text_variable
}));

このような-

for (i = 0; i < 10; i++)
{ 
     $('#mySelect').append($('<option>',
     {
        value: i,
        text : "Option "+i 
    }));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id='mySelect'></select>

オプション 2-

またはこれを試してください-

$('#selectID').append( '<option value="'+value_variable+'">'+text_variable+'</option>' );

このような-

for (i = 0; i < 10; i++)
{ 
     $('#mySelect').append( '<option value="'+i+'">'+'Option '+i+'</option>' );
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id='mySelect'></select>

それはうまくいきます。

複数のオプション要素を追加する場合は、要素ごとに追加を実行するのではなく、追加を 1 回実行することをお勧めします。

なんらかの理由$("#myselect").append(new Option("text", "text"));で、IE7+ で動作しない

私は使用しなければならなかった$("#myselect").html("<option value='text'>text</option>");

$('#mySelect').empty().append('<option value=1>My option</option>').selectmenu('refresh');

var select = $('#myselect');
var newOptions = {
                'red' : 'Red',
                'blue' : 'Blue',
                'green' : 'Green',
                'yellow' : 'Yellow'
            };
$('option', select).remove();
$.each(newOptions, function(text, key) {
    var option = new Option(key, text);
    select.append($(option));
});

選択の特定のインデックスに新しいオプションを挿入する場合:

$("#my_select option").eq(2).before($('<option>', {
    value: 'New Item',
    text: 'New Item'
}));

これにより、「新しいアイテム」が選択の 3 番目のアイテムとして挿入されます。

select内にoptgroupがある場合、DOM でエラーが発生します。

私は最善の方法だと思います：

$("#select option:last").after($('<option value="1">my option</option>'));

$(function () {
     var option = $("<option></option>");
     option.text("Display text");
     option.val("1");
     $("#Select1").append(option);
});

オブジェクトからデータを取得する場合は、そのオブジェクトを関数に転送するだけです...

$(function (product) {
     var option = $("<option></option>");
     option.text(product.Name);
     option.val(product.Id);
     $("#Select1").append(option);
});

Name と Id はオブジェクト プロパティの名前です...そのため、好きなように呼び出すことができます...もちろん、Array がある場合は... for ループを使用してカスタム関数を作成し、その関数を呼び出すだけですドキュメントの準備ができました...乾杯

以下のコードを試して、オプションに追加できます

  <select id="mySelect"></select>

    <script>
          $("#mySelect").append($("<option></option>").val("1").html("My enter code hereoption"));
    </script>