[AJAX] Onchange dans un <select> ne lance pas mon script
Bonjour,
J'ai un petit souci avec mon script.
Lorsque je sélectionne une valeur dans la liste déroulante, un "onchange" doit m'afficher le résultat en dessous dans un textarea via mon javascript.
Seulement rien ne se passe. Au debugeur (firebug), le script apparait bien dans ma page. J'ai mis un point d'arret au début du script mais la fonctionne ne semble pas réagir au onchange... J'ai également essayé avec un onclick (que j'ai effacé, normal qu'il n'apparaisse pas dans le code) sur le button en fin de page, mais même résultat, aucune réaction du script dans le debug...
Voici mon javascript :
Code:
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 requete;
function valider(){
var pays = document.getElementById("pays");
var duree = document.getElementById("duree");
var url = "ResultatInterro?duree=" + escape(duree.value) + "&pays=" + escape(pays.value);
if (window.XMLHttpRequest){
requete = new XMLHttpRequest();
}
else if (window.ActiveXObject){
requete = new ActiveXObject("Microsoft.XMLHTTP");
}
requete.onreadystatechange = majIHMtxt;
requete.open("GET", url, true);
requete.send(null);
}
function majIHMtxt(){
if (requete.readyState == 4){
if (requete.status == 200){
incrustation = document.getElementById("corps");
incrustation.innerHTML = requete.responseText;
}
}
} |
Le .jsp "Interro.jsp" dans lequel il y a la liste déroulante (avec onchange ligne 51)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| <%@page import="java.util.Vector" %>
<%@page import="modele.Pays" %>
<%@page import="modele.Region" %>
<%@page import="modele.Duree" %>
<script type="text/javascript" src="Js/TitreAjax.js" ></script>
<article>
<h1 id="titre">- <em>Consultation des titres</em> -</h1>
<form method="get" action="">
<p>
<label id="lp" for="pays">Sélectionnez un pays :</label>
<% Vector<Pays> listePays = ( Vector<Pays> )session.getAttribute("listePays");
out.println("<select name=\"pays\" id=\"pays\">");
out.print( " <option value=\"0\">Choisissez un pays</option>");
for( Pays p : listePays ){
out.print( " <option value=\""+ p.getPays_nom() +"\" >" + p.getPays_nom() + "</option>" );
}
out.println("</select>");%>
</p>
<p>
<label id="lp" for="regions">Sélectionnez une région :</label>
<% Vector<Region> listeRegions = ( Vector<Region> )session.getAttribute("listeRegions");
out.println("<select name=\"regions\" id=\"regions\">");
out.print( " <option value=\"0\">Choisissez une région</option>");
for( Region r : listeRegions ){
out.print( " <option value=\""+ r.getReg_nom() +"\" >" + r.getReg_nom() + "</option>" );
}
out.println("</select>");%>
</p>
<p>
<label id="lp" for="Duree">Sélectionnez une durée minimale :</label>
<% Vector<Duree> listeDuree = ( Vector<Duree> )session.getAttribute("listeDuree");
out.println("<select name=\"duree\" id=\"duree\" onchange=\"valider()\">");
out.print( "<option value=\"0\">Durée</option>");
for( Duree d : listeDuree ){
out.print( " <option value=\""+ d.getTit_duree() +"\" >" + d.getTit_duree() + " minutes" + "</option>" );
}
out.println("</select>");%>
</p>
<p id="button">
<input type="button" value="Valider" id="valider">
</p>
</form> |
Voyez-vous le souci ?
Merci d'avance pour votre aide !
