Jquery get values from json into select

Question

I have a json array which looks like this

[{
"": "Select your State/Region"
}, {
"BAL": "Balkh"
}, {
"BAM": "Bamian"
}]

I am trying to get the values out of it using jquery, but i can't seem to loop through.

This is what I've tried

var value = $(this).val();
var url = '{{ route('getstatesjson') }}';
 $.getJSON(url, { state: value }, function(obj) {
    for (var i = 0, len = obj.length; i < len; i++) {

    }
 });

but i can't seem to pull any of the objects out. The idea is that i can use the first value as the value and the second value as the text in the select.

Sorry for the delay. Took me a while to come back to the website. — TheDizzle
– TheDizzle, Commented Sep 13, 2017 at 1:00

Death-is-the-real-truth · Accepted Answer · 2017-09-12 04:01:19Z

2

You have to do it like below:-

 $.getJSON(url, { state: value }, function(obj) {
    var html = '';
    $.each(obj,function(key,value){
      $.each(value,function(k,v){
        html +="<option value='"+k+"'>"+v+"</option>";
      });
    });
    $('put select-box id or class').html(html);
 });

DEMO EXAMPLE:-

obj = [{
" ": "Select your State/Region"
}, {
"BAL": "Balkh"
}, {
"BAM": "Bamian"
}];
var html = '';
$.each(obj,function(key,value){
  $.each(value,function(k,v){
    html +="<option value='"+k+"'>"+v+"</option>";
  });
});
$('#updateOptions').html(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="updateOptions"></select>

Note:- I think "": "Select your State/Region" need to be " ": "Select your State/Region" so that value for this option become empty like value=" "

answered Sep 12, 2017 at 4:01

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

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

Collectives™ on Stack Overflow

Jquery get values from json into select

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related