javascript - Jquery从json中获取值到select中

Question

我有一个如下所示的 json 数组

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

我试图使用 jquery 从中获取值，但我似乎无法循环。

这是我尝试过的

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

    }
 });

但我似乎无法拉出任何物体。我的想法是，我可以使用第一个值作为选择中的值，使用第二个值作为选择中的文本。

Answer 1

你必须像下面这样做:-

 $.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);
 });

演示示例:-

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>

注意:- 我认为 "": "Select your State/Region" 需要是 "": "Select your State/Region" 这样这个值选项变为空，如 value=""