Discussion :

[arthuro45]

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.

[Bovino]

Qu'est-ce qu'il y a de compliqué

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
if(selectedEspece=='-1'){
    reponse.innerHTML = '';
}
else{
    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);
}

[arthuro45]

Oui effectivement, c'est tout simple. Je débute en js, tu as du remarqué

Je n'avais pas du tout pensé à ça :

Code :

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

reponse.innerHTML = '';

Merci, bonne soirée.