[AJAX] Sélection et changement balise input

**walentyb35** · 02/03/2014, 18h21

Bonjour, j'espère m'être mis dans le bon forum !

Je suis en train de faire un projet de covoiturage et j'ai un petit problème.

Lors de l'enregistrement d'un trajet, l'utilisateur doit saisir un nom de ville, pour que celui-ci soit sans faute, le site lui propose, après quelques caractères saisis, des possibles réponse. Jusque là, tout va bien ! J'aimerais que dans l'affichage en dessous, je puisse sélectionner le résultat voulu et qu'il change aussi le contenu de la balise input du dessus ("renn").

Le visuel actuel :
Nom : aide.png
Affichages : 60
Taille : 3,6 Ko

Nom : aide.png
Affichages : 60
Taille : 3,6 Ko

Merci beaucoup de l'attention que vous apporterez à mon sujet !

Voici les codes !

get.jsp :

Code java :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%@page language="java" import ="java.sql.*" %> 
<% 
String name=request.getParameter("count"); 
String buffer="<div>"; 
Class.forName("com.mysql.jdbc.Driver").newInstance(); 
Connection con = DriverManager.getConnection("jdbc:mysql://localhost/covoitiutrage","root",""); 
Statement stmt = con.createStatement(); 
ResultSet rs = stmt.executeQuery("Select * from villes where Ville LIKE '"+name+"%'"); 
  while(rs.next()){
  buffer=buffer+rs.getString(1)+"<br>"; 
  } 
buffer=buffer+"</div>"; 
response.getWriter().println(buffer); 
%>

auto.jsp :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 var xmlHttp 
 var xmlHttp
 function showState(str){
if (typeof XMLHttpRequest != "undefined"){
   xmlHttp= new XMLHttpRequest();
       }
       else if (window.ActiveXObject){
   xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
       }
if (xmlHttp==null){
    alert ("Browser does not support XMLHTTP Request")
return
}
var url="get.jsp";
url += "?count=" +str;
xmlHttp.onreadystatechange = stateChange;
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
 function stateChange(){  
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){  
 document.getElementById("country").innerHTML=xmlHttp.responseText; 
 }  
 }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 <body> 
 <input id="name" type="text" name="name" onkeyup="showState(this.value)">
 <br> 
 <div id='country'> 
 </div> 
 </body>
 </html>

**Bovino** · 02/03/2014, 18h42

Listes déroulantes liées entre elles.

[AJAX] Sélection et changement balise input

AJAX

Vue hybride

Discussions similaires

Partager

Partager