使用jquery解析json以构建动态填充的select

Parsing json with jquery to build a dynamically populated select

本文关键字：动态 填充 select 构建 jquery 解析 json 使用      更新时间：2023-11-21

我必须构建一个日常填充的select，但我对此很不熟悉，并且在json解析方面遇到了一些困难。。。

我的代码是

cb="";
$('#datepicker').blur(function() {
    cb='<option value="0"></option>';
    if ($('#datepicker').val() != "") {
        $.getJSON("json.php?t=cb&id=" + $("#datepicker").val(), function(data){
            *some magic*
            *for each pair of element in json*
                 cb+='<option value="'+data.id+'">'+data.description+'<option/>';
        });
    }
    $('#select').html(cb);
});

遗憾的是没有魔术：（

我必须解析的json就像

[{"id":5423,"description":"sometext1"},
{"id":4132,"description":"sometext2"}
{"id":5534,"description":"sometext3"}
...
]

但我不知道怎么做。。。你能帮我吗？

抱歉我的英语不好：D

这样修改代码：

$.getJSON("json.php?t=cb&id=" + $("#datepicker").val(), function(jsonData){
     cb = '';
     $.each(jsonData, function(i,data){
         cb+='<option value="'+data.id+'">'+data.description+'</option>';
     });
     $("#select").append(cb);
});
相关文章：