jQuery select (Dropdown) populate from array

Question

I currently have this here working..

$(document).ready(function() {
   $("#image").change(function() {
     $("#imagePreview").empty();
        $("#imagePreview").append("<img src=\"" + $("#image").val()  + "\" />");
   });
 });


<select name="image" id="image" class="inputbox" size="1">
   <option value="imageall.jpg" selected> - All - </option>
   <option value="image1.jpg">image1.jpg</option>
   <option value="image2.jpg">image2.jpg</option>
   <option value="image3.jpg">image3.jpg</option>
</select>

<div id="imagePreview">
</div>

from this previous question:

Previous Question

I was wondering how can I populate the from a jQuery Array instead?

How could I do that? So basically the values and name from an array

This is the example in Fiddle i will be using Example Working

possible duplicate of Using javascript and jquery, to populate related select boxes with array structure — Shanimal
– Shanimal, Commented Jun 14, 2014 at 2:10

Community · Accepted Answer · 2017-05-23 10:33:20Z

0

function populateSelect(el, items) {
    el.options.length = 0;
    if (items.length > 0)
        el.options[0] = new Option('please select', '');
    $.each(items, function () {
        el.options[el.options.length] = new Option(this.name, this.value);
    });
}

As seen here: Using javascript and jquery, to populate related select boxes with array structure

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Jun 14, 2014 at 2:11

Shanimal

11.8k7 gold badges67 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jack Song · Accepted Answer · 2014-06-14 02:51:38Z

0

You may want to retrieve names and values from JSON array this way.

var image_maps = {image1: "image1.jpg", image2: "image2.jpg"};
$.each(image_maps , function(name, value) {
    alert("name: " + name + " value: " + value);
});

edited Jun 14, 2014 at 2:51

answered Jun 14, 2014 at 2:11

Jack Song

4784 silver badges9 bronze badges

1 Comment

Alexander Kireyev Over a year ago

Please accompany you code with explanatory comments.

Collectives™ on Stack Overflow

jQuery select (Dropdown) populate from array

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related