Comment définir la valeur d'une liste déroulante basée sur une valeur sélectionnée dynamiquement en utilisant javascript?

Question

Je dois concevoir un formulaire dans lequel les valeurs d'une liste déroulante seront modifiées dynamiquement en fonction de la valeur sélectionnée dans une autre liste déroulante utilisant javaScript.

La première liste est pour la ville et la seconde est pour le pays. Par exemple, si je choisis Chennai comme ville, l'état devrait être automatiquement Tamil Nadu. Mais avant de faire une sélection de la ville, je devrais pouvoir voir la liste complète des états.

J'ai écrit le code suivant pour la ville:

<select name='city' onchange="showState(this.value);"> 
<option value="none">Select</option> 
<%try{ %> 
<% 
Class.forName("com.pointbase.jdbc.jdbcUniversalDriver"); 
Connection con = DriverManager.getConnection("jdbc:pointbase:server://localhost:9092/demo", "PBPUBLIC", "PBPUBLIC"); 
Statement stmt = con.createStatement(); 
ResultSet rs = stmt.executeQuery("Select * from PBPUBLIC.PLACE"); 
while(rs.next()){ 
%> 
<option value="<%=rs.getString("CITY")%>"><%=rs.getString("CITY")%></option> 
<% 
} 
%> 
<% } catch(Exception e){ %> 
<% } %> 
</select> 

et un semblable pour l'état.

S'il vous plaît aidez-moi avec le code que je devrais écrire dans la fonction setState (str) car je suis incapable d'obtenir un code qui fonctionne correctement.

Answer 1

En supposant que vous transmettez le nom d'état "str" ​​à la méthode setState(str), vous pouvez l'ajouter au corps de la méthode setState(str).

$("#state").val(str);

Un exemple complet jQuery est disponible here