jQuery を使用して にオプションを追加する

jQuery には、ドロップダウンにオプションを簡単に追加するさまざまな方法が用意されています。

HTML 文字列で .append() を使用する:

指定したコード確かにオプションを追加できますが、HTML 文字をエスケープする必要があります。このプロセスを簡素化するには:

$("#mySelect").append('My option');

を使用します。 jQuery オブジェクトを使用した append():

制御性と読みやすさを向上させるために、jQuery オブジェクトを作成して、オプション:

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

データ コレクションからの一括追加:

オプションとして追加する項目のコレクションがある場合:

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