code for Binding JSON string to dropdownlist

Question

I have gone mad trying to bind the json string to the dropdown. Please can somebody help??

My dropdownlist id is 'ddlteams'

My json string is in this form :

"{"TeamList" : [{"teamid" : "1","teamname" : "Barcelona"}]}"

so first i convert into an object.

var objdata = $.parseJSON(jsonObj.d);

Then i add my code given below.

$('#ddlteams').children().remove();

I am having problem with the below code. Please can somebody help me with this

$.each(objdata, function(i, val) {
    $('#ddlteams').append('<option value="' + objdata.TeamList[0].teamid + '">' + TeamList[0].teamname + '</option>');
});

Assuming objdata is the parsed JSON, i will be "TeamList" and val will be the array. Have a look at the documentation of each. Just iterate normally over objdata.TeamList. — Felix Kling
– Felix Kling, Commented Feb 6, 2012 at 19:20
Hi Felix, sorry but i did not get you. do i need to replace i with "TeamList"?? is val a keyword in there?? — jith10
– jith10, Commented Feb 6, 2012 at 19:24
You are using $.each but it does not seem you know how it works. It will iterate over each property of the object or element of the arrays passed. The property name and its value are passed to the callback function as arguments, in your case i and val. — Felix Kling
– Felix Kling, Commented Feb 6, 2012 at 19:29
Hi Felix. agree with you. started learning jquery very recently. i ll try that! — jith10
– jith10, Commented Feb 6, 2012 at 19:34

Will · Accepted Answer · 2012-02-06 19:27:18Z

4

try

$.each(objdata["TeamList"], function(i, val) {
    $('#ddlteams').append('<option value="' + val.teamid + '">' + val.teamname + '</option>');
});

edited Feb 6, 2012 at 19:27

answered Feb 6, 2012 at 19:21

Will

7,2452 gold badges25 silver badges14 bronze badges

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

4 Comments

Will Over a year ago

Perhaps $('#ddlteams').append('<option value="' + val['teamid'] + '">' + val['teamname'] + '</option>');? I'll try to reproduce what your working with and help you get it running.

Felix Kling Over a year ago

val['teamid'] is the same as val.teamid.

jith10 Over a year ago

Hi.. We are very near. I have some 5 items to be displayed. I did this -> $.each(objdata, function(i, val) { $('#ddlteams').append('<option value="' + val[0].teamid + '">' + val[0].teamname + '</option>'); }); and i got the first result. Now to get the other items i tried to declare a variable and assign it to 0 and then incremented it by 1. but its not working

Will Over a year ago

You don't mean to iterate through each of objectdata you mean to iterate through ojectdata.TeamList. Look again at the answer I gave.

Collectives™ on Stack Overflow

code for Binding JSON string to dropdownlist

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related