javascript - Parsing json with jquery to build a dynamically populated select - Stack Overflow

admin管理员组

文章数量:1336659

i have to build a dinamically populated select but i'm pretty noob to this and i've encountered some difficoulties with json parsing...

my code is

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

sadly without magic tricks :(

the json i have to parse is like

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

but i don't know how to do it... can you help me?

sorry for my bad English :D

i have to build a dinamically populated select but i'm pretty noob to this and i've encountered some difficoulties with json parsing...

my code is

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

sadly without magic tricks :(

the json i have to parse is like

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

but i don't know how to do it... can you help me?

sorry for my bad English :D

• javascript
• jquery
• json

Share Improve this question Follow edited Jul 19, 2012 at 16:02 mkoryak 58k6464 gold badges203203 silver badges262262 bronze badges asked Jul 19, 2012 at 15:59 DocDoc 5,27666 gold badges5959 silver badges9191 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Modify your code like this:

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

本文标签： javascriptParsing json with jquery to build a dynamically populated selectStack Overflow