Trigger change event of dropdown

Question

I want to trigger the change event of dropdown in $(document).ready using jquery.

I have a cascading dropdown for country and state in user details page. how can i set the value (which is taken from DB based on the user id) for country and state in MVC with C#.

Answer 1

If you are trying to have linked drop downs, the best way to do it is to have a script that returns the a prebuilt select box and an AJAX call that requests it.

Here is the documentation for jQuery's Ajax method if you need it.

$(document).ready(function(){

    $('#countrylist').change(function(e){
     $this = $(e.target);
     $.ajax({
      type: "POST",
      url: "scriptname.asp", // Don't know asp/asp.net at all so you will ahve to do this bit
      data: "country="$this.val(),
      success:function(data){
       $('#stateBoxHook').html(data);
      }
     });
    });

});

Then have a span around your state select box with the id of "stateBoxHook"

Answer 2

I don't know that much JQuery but I've heard it allows to fire native events with this syntax.

$(document).ready(function(){

    $('#countrylist').change(function(e){
       // Your event handler
    });

    // And now fire change event when the DOM is ready
    $('#countrylist').trigger('change');
});

More information here.