javascript - Javascript と jQuery を使用して選択ボックスに自動入力する

Question

選択ボックスがあります：

<select id="translationOptions" name="translationOptions"></select>

そして、私はjs配列を持っています

var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"];

に基づいて選択ボックスを自動入力するにはどうすればよいvar translationOptionsですか?

Answer 1

$.each(translationOptions, function(key, value) {   
    $('#mySelect')
         .append($("<option></option>")
         .attr("value",key)
         .text(value)); 
});

jQueryを使用して配列から選択するオプションを追加する最良の方法は何ですか？

Answer 2

$.each(translationOptions, function(index, value) {
    $('#translationOptions').append($("<option />").val(index).text(value));
});

これは、表示にテキストを使用し、値に配列のインデックスを使用します。

Answer 3

オプションを動的に作成し、この方法で選択ボックスに追加することもできます。

jQuery.each(translationOptions, function(key, value) {
    jQuery('<option/>', {
       'value': key,
       'text' : value
}).appendTo('#translationOptions');