2011-03-21 5 views
0

J'ai un formulaire web qui a 2 menus déroulants, quand le premier menu déroulant choisit quelque chose, je veux que le menu déroulant suivant peupler selon la sélection sur le premier menu déroulant sans la page rechargement. Aurais-je utiliser ajax pour cela? Quelle est la meilleure façon d'y parvenir? Quelqu'un at-il de bons tutoriels pour cela?formulaires web dynamiques personnalisés

Répondre

1

Bien sûr, vous devez utiliser ajax.
JQuery vous fournit cette fonctionnalité.

Créez un service Web et ajoutez-y une méthode qui renvoie une liste d'un certain objet.
dans votre fichier javascript, sur la selectedindexchange de la première liste déroulante ci-dessous écrire le

$.ajax({ 
    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    url: WebServiceUrl/methodname, 
    data: "{id: '" + id + "'}", 
    success: LoadDataSuccedded, 
    error: LoadDataFailure 
}); 

function LoadDataSuccedded(result, e) 
{ 
    var data = result.d; 
    //fill the second drop down list 
} 

function LoadDataFailure(result, e) 
{ 

} 

vérifier ce lien pour plus de précisions http://api.jquery.com/jQuery.ajax/

Questions connexes