Comment obtenir de la valeur à la liste déroulante de la base de données en utilisant ajax?

Question

J'ai une liste déroulante avec une valeur facultative.Si vous modifiez la valeur basée sur ce qui affichera une autre liste déroulante avec la valeur de la base de données.Je fais ce processus dans la page jsp.Les premières valeurs déroulantes sont statiques (codées en jsp). les valeurs proviennent de la base de données lorsque changeevent de la première liste déroulante.

Ici, j'ai besoin d'implémenter ajax ou javascript? Pourriez-vous me donner des exemples de cette liste déroulante?

une liste déroulante ont une valeur statique comme le nom, l'adresse, la ville.

<select id="search" onchange="menu_changed();"> 
           <option></option> 
           <option>name</option> 
           <option>address</option> 
           <option>city</option> 
           </select 

Maintenant, nom de base de données coloumn nom, adresse, ville comme ça. Si je sélectionne "nom" dans la première liste déroulante, activez la deuxième liste déroulante avec le nom de la liste. Ce nom doit provenir de la base de données.

S'il vous plaît donnez-moi vos idées.

Answer 1

Si votre heureux d'utiliser jQuery commencer à lire ici http://api.jquery.com/jQuery.getJSON/

Demandez à votre selectbox 1 événement de changement menu_changed appel getJSON par exemple

var select1value = valeur document.getElementById ('search')().

$.getJSON('urlToYour.jsp?id='+select1value , function(data) { 
     write JavaScript code here to populate your 2nd drop down list using the JSON stored in the data variable); 
}); 

Answer 2

javascript est une exigence intégrale d'ajax. AJAX signifie Javascript et XML asynchrones. Ici, vous devez envoyer un xmlHttpRequest au serveur et extraire le contenu de la deuxième liste déroulante de la base de données selon l'option sélectionnée dans la première liste déroulante. Lorsque vous obtenez la réponse en javascript, remplissez la deuxième case de sélection avec ces valeurs. Cela se produira sur tous les événements onchange de la 1ère liste déroulante