JSON Object to List Box values

Question

I have a JSON array grabbed using the code below:

$.getJSON("somelist.php", function( json ) {
  list = json;
});

somelist.php returns the following values:

[{"id":"1","name":"John Doe"},{"id":"2","name":"Jane Doe"}]

I also have a list box in the same page as shown:

  <div id="someid" class="someclass">
    <select id="someotherid" class="someotherclass">
    </select>
  </div>

How do I go about inserting the following options to someotherclass, between the select tags?

  <option value="1">John Doe</option>
  <option value="2">Jane Doe</option>

I have only done this using PHP before and it seems much more complicated to sort through using JS/jQuery.

benhowdle89 · Accepted Answer · 2014-10-22 22:17:54Z

2

var box = document.getElementById("someotherid");
list.forEach(function(item){
    var opt = document.createElement("option");
    opt.value = item.id;
    opt.innerHTML = item.name;
    box.appendChild(opt);
});

Something like this

answered Oct 22, 2014 at 22:17

benhowdle89

37.6k74 gold badges208 silver badges342 bronze badges

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

1 Comment

user1617676 Over a year ago

This is also what I need, but I'd need to know what is the "item" here? Is it the objected from getJson? Thanks.

Collectives™ on Stack Overflow

JSON Object to List Box values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related