peupler automatiquement dans les zones de texte dans jsp

Question

Je développe un projet avec jsp.

Il y a deux zones de texte sur la page. Si je sélectionne la première zone de texte, j'obtiens la liste des pays qui vont chercher dans la base de données MySQL, je l'ai fait avec jQuery. maintenant le problème est:

sans tous les événements (en particulier les boutons) automatiquement dans la 2ème boîte de texte les états/villes doivent être remplis.

Est-ce que quelqu'un a une idée? J'ai utilisé la plupart des événements JavaScript tels que onselect, onclick, etc. mais pas d'utilisation.

Et je ne suis pas censé utiliser une liste déroulante.

Answer 1

Utilisez-vous .ajax ou .get pour obtenir la liste des pays de la base de données? Si c'est le cas, essayez d'utiliser .getJSON à la place. Vous pouvez fournir efficacement un tableau de réponses, ce qui signifie que votre première réponse du script AJAX data.countries et le second élément du tableau json est data.states.

jQuery

$("#text-box").click(function(){ 
    $.getJSON('ajax/get-locations.jsp', function(data) { 
     $('#div-countries').html(data.countries); 
     $('#div-states').html(data.states); 
    }); 
}); 

JSP

// Query to get countries 
// Build html for countries list (stored in $countriesHTML) 

// Query to get states 
// Build html for states list (stored in $statesHTML) 

// Put html in json array and echo/print/output the json as the result of your script (in the below format, replace $countriesHTML and $statesHTML with your own variables for the HTML). 

echo '{ "countries": $countriesHTML, "states": $statesHTML }' 

J'espère que cela a un sens, je ne l'ai pas fait JSP dans les temps qui est la raison pour laquelle je ne l'ai pas essayé de coder, mais le seudo ci-dessus -code devrait être la théorie applicable à n'importe quel langage de script.