Dropdownlist is not populating using Ajax Json

Question

0.00/5 (No votes)

See more:

Dear Experts,

I am doing an ASP.net project. here i have used ajax JSON to transfer the datas.

I have two Dropdownlist . one is populate on Page load, and another is to populate in first dropdownlist selectchange .

i have used these all in ajax json method...

Here is the Below code that am used...

JavaScript

 $('#ddl_Standard').change(function () {

    $.ajax(
                {
                    type: "POST",
                    url: "../../WebService.asmx/populate_Division",
                    dataType: "json",
                    data: JSON.stringify({ "Standard_ID": document.getElementById('ddl_Standard').value }),
                    contentType: "application/json; charset=utf-8",
                    success: function (json) {

                        var xmlDoc = "";
                        var xml = "";
                        xmlDoc = $.parseXML(json.d);
                        xml = $(xmlDoc);
                       

                        $(xml).find("Table1").each(function () {
                            var Division_ID = $(this).find("Division_ID").text();
                            var Division = $(this).find("Division").text();
                            
                            $("#ddl_Division").append("<option value='" + Division_ID + "'>" + Division + "</option>");

                        });
                    }
                });

});

but it is not affecting.. Sometimes this code is working fine.. but some times it is not working... Can u please help me to solve this.

I have checked in Inspect Element and i can see the values are affected.. but not populated in dropdown control......

Thanks and Regards

Dileep

Posted 4-Apr-13 21:21pm

dilzz

Updated 4-Apr-13 22:35pm

v2

Add a Solution

Comments

Palash Mondal_ 5-Apr-13 3:25am

Are you getting any value for the `Division_ID` & `Division` inside the each loop?

dilzz 5-Apr-13 3:27am

yes i got the values.. i put an alert in that loop and checked... i got the values are correctly..

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Moykn · Answer 1 · 2013-04-05T03:27:00

If you are using asp:DropDownList its possible that jQuery is not finding you element by it's ID("ddl_Division") due to asp.net webforms always messing with controls ID, to resolve this you could recover the element ClientID

C#

var ddl_Division = <%= ddl_Division.ClientID %>

and in your script

JavaScript

$("#" + ddl_Division ).append("<option value='" + Division_ID + "'>" + Division + "</option>");

or you could add a class "dynamicPopulated" for an example to your dropdown and doing the append this way:

JavaScript

$(".dynamicPopulated").append("<option value='" + Division_ID + "'>" + Division + "</option>");

Rekhash · Answer 2 · 2013-04-06T02:49:00

Solution 2

http://stackoverflow.com/questions/5216990/populating-a-drop-down-list-using-ajax[^]

Posted 6-Apr-13 2:49am

Rekhash

Dropdownlist is not populating using Ajax Json

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us