Déclenchement de l'événement de modification de la liste déroulante

Question

Je souhaite déclencher l'événement de modification de la liste déroulante dans $ (document) .ready à l'aide de jquery. J'ai une liste déroulante en cascade pour le pays et l'état dans la page des détails de l'utilisateur. comment puis-je définir la valeur (qui est prise à partir de la base de données en fonction de l'ID utilisateur) pour le pays et l'état dans MVC avec C#.

Answer 1

Je ne sais pas beaucoup JQuery mais je l'ai entendu permet de tirer natif événements avec cette syntaxe.

$(document).ready(function(){ 

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

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

Plus d'informations here.

Answer 2

Si vous essayez d'avoir des listes déroulantes liées, la meilleure façon de le faire est d'avoir un script qui renvoie la boîte de sélection prédéfinie et un appel AJAX qui le demande.

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 have to do this bit 
      data: { country: $this.val() }, 
      success:function(data){ 
       $('#stateBoxHook').html(data); 
      } 
     }); 
    }); 

}); 

Puis ont une durée autour de votre état boîte de sélection avec l'id de « stateBoxHook »

Answer 3

Essayez ceci:

$(document).ready(function(event) { 
    $('#countrylist').change(function(e){ 
     // put code here 
    }).change(); 
}); 

Définir l'événement de changement, et déclencher immédiatement. Cela garantit que le gestionnaire d'événements est défini avant de l'appeler.

est peut-être tard pour répondre à l'affiche originale, mais quelqu'un d'autre pourrait bénéficier de la notation abrégée, ce qui suit l'enchaînement de jQuery, etc

jquery chaining

Answer 4

Essayez ceci:

$('#id').change();

Fonctionne pour moi.

Sur une ligne avec réglage de la valeur: $('#id').val(16).change();

Answer 5

Sinon, vous pouvez mettre onchange attribut sur l'dropdownlist lui-même, que onchange appellera certaines fonctions jquery comme celui-ci.

<input type="dropdownlist" onchange="jqueryFunc()"> 

<script type="text/javascript"> 
$(function(){ 
    jqueryFunc(){ 
     //something goes here 
    } 
}); 
</script> 

espoir celui-ci vous aide, et s'il vous plaît noter que ce code est juste un brouillon, non testé sur une ide. merci