how to Perform Selected index changed event in mvc

Question

1.00/5 (1 vote)

See more:

C#

MVC

Hello Friend ,
I Want To Perform A Country Dropdown Select and State Dropdown Bind in mvc

Posted 19-May-14 3:24am

Member 10576038

Add a Solution

Comments

Nelek 19-May-14 10:10am

Perfect, go ahead and have fun coding.

Since you didn't ask any question, it is difficult to give you a better answer.

I strongly recommend you to read:
How to ask a question[^] and What have you tried?[^]

2 solutions

Solution 2

Step 1) Do a little research. Google is a good start point
Step 2) Start coding
Step 3) Compile and use the debug to solve little issues
Step 4) When you get a problem you don't know how to solve but at least you tried it, then come back and ask for something concrete with a snippet of the code giving problems

Sorry if this is not the answer you were looking for. But your question is a bit too wide to be answered at the "Quick" Answers. It is better and you get faster help if you make 10 concrete questions about concrete problems, than a big question about a "how-to guide"

P.S. Written as solution to avoid this "question" to be in the unanswered list

Posted 19-May-14 4:11am

Nelek

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)

SRS(The Coder) · Accepted Answer · 2014-05-19T04:07:00

You have to handle the 'change' event of the select element in jQuery and do the stuff you want through ajax calls basically.

JavaScript

$('#ddlCountry').change(function() {
   // do the stuff operation to bind states as shown below
});

Use jQuery method .ajax() to populate the state dropdown here. Hope the below cod eexample will definitely of help for you :-

Ex

C#

$.ajax({
        type: "POST",
        url: "../WebService.asmx/GetAllStates",
        data: "{CountryID:'" + $('#ddlCountry').val() + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: false,
        success: function (response) {
            $.each(JSON.parse(response.d), function (key, value) {
                $("#ddlState").append("<option value='" + value.StateID + "'>" + value.StateName + "</option>");
            });
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(failMessage);
        }
    });