Auto populate select box using Javascript and jQuery - Stack Overflow

admin管理员组

文章数量:1295315

I have a select box:

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

And I have a js array

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

How would I auto populate the select box based on the var translationOptions?

I have a select box:

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

And I have a js array

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

How would I auto populate the select box based on the var translationOptions?

• javascript
• jquery
• html
• html-select

Share Improve this question Follow edited Jul 29, 2012 at 5:46 Mat 207k4141 gold badges402402 silver badges417417 bronze badges asked Jun 3, 2012 at 17:11 RSMRSM 15.1k3636 gold badges9999 silver badges145145 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

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

What is the best way to add options to a select from an array with jQuery?

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

This uses text for display and index in the array for value.

You can create options dynamically and append to select box in this way as well.

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

本文标签： Auto populate select box using Javascript and jQueryStack Overflow