Bonsoir,

J'ai une page en ajax avec une liste déroulante (je ne l'ai pas remplis pour clarifier, il y a une requête mysql + php) :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<select id='date' name='date' onchange="liste_date()">
<option value='-1'>-- Choisissez --</option>
</select>
J'ai une fonction js pour le onchange de cette liste :
La fonction est chargée d'inclure un script en fonction du choix dans la liste.

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
function liste_date()
{
var xmlHttp = xhr()
var reponse = document.getElementById('liste_toute_date');
var selectEsp = document.getElementById('date');
var selectedEspece = selectEsp.options[selectEsp.selectedIndex].value;
var url = "liste_date_bpr.php?";
var data = "date="+selectedEspece; url +=data;
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4 && xmlHttp.status==200) 
{
reponse.innerHTML = xmlHttp.responseText;
	}
}
xmlHttp.send(null);
}
J'aimerais que lorsque l'on revient sur --choisissez-- c'est à dire la valeur '-1' de la liste, le script inclue (liste_date_bpr.php) disparaisse de la page. Actuellement, en fonction du choix tous se superpose.

Merci de votre aide.