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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
|
function getXhr()
{
var xhr = null;
if(window.XMLHttpRequest)
{ // Firefox et autres
xhr = new XMLHttpRequest();
//alert('new XMLHttpRequest');
}
else if(window.ActiveXObject)
{ // Internet Explorer
xhr = new XMLHttpRequest();
}
else
{ // XMLHttpRequest non support� par le navigateur
alert("Votre navigateur ne supporte pas les objets
XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
function go()
{
var xhr = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
// On se sert de innerHTML pour rajouter les options a la liste
document.getElementById('LC').innerHTML = leselect;
}
}
sel = document.getElementById('Techno'); //Techno = structure
techno = sel.options[sel.selectedIndex].value;
// Ici on va voir comment faire du post
xhr.open("POST","./DeuxiemeJsp.jsp?techno="+techno,true);
// ne pas oublier �a pour le post
xhr.setRequestHeader('Content-Type','application/x-www-form-
urlencoded');
// ne pas oublier de poster les arguments
// ici, l'id de la structure
xhr.send("idTechno="+techno);
}
</script>
<table border cellspacing="10px" align="center" width="60%">
<tr >
<td>
<select name="T" id="Techno" onchange="go()">
<option value="" selected></option>
<%
String RequeteSelectA= "SELECT distinct A FROM maTable order by A";
result = statement.executeQuery(RequeteSelectA);
while (result.next())
{
String A= result.getString("A");
out.print("<option value="+ A+" >" + A+ "</option>");
}
result.close();
%>
</select>
</td>
<td >
<select name="L" id=LC>
<option value="vide">ALL</option>
</select> |
Partager