[AJAX] Garder sélection liste déroulante

Version imprimable

Bonjour,

je n'ai pas trouvé comment faire pour garder la sélection sur une liste déroulante (j'utilise de l'Ajax) :

Code:

1
2
3
4
5
6
7
8
<select id='liste' name='liste' onchange='tri_liste();'>
	<option value='-1'> Tous </option>
	<?php
        $r1 = mysql_query("select valeur from table group by valeur");
        while($row = mysql_fetch_array($r1)){
        echo "<option value='".$row['valeur']."'>".$row['valeur']."</option>";
        } 
       ?></select>

Et voici la fonction JS 'tri_liste' :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function tri_liste(){
var xmlHttp = xhr()
var reponse = document.getElementById('div');
var selectEsp = document.getElementById('valeur');
var selectedEspece = selectEsp.options[selectEsp.selectedIndex].value;
if (selectedEspece=='-1'){ 
	reponse.innerHTML = '';
	}	
	else {
var url = "page.php?";
var data = "valeur="+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);
	}
}

03/11/2009, 11h04
E.Bzz

Bonjour,

Citation:

Envoyé par arthuro45

je n'ai pas trouvé comment faire pour garder la sélection sur une liste déroulante

fais voir ce que tu as tenté et on essayera d'adapter ...

A+

J'ai tenté ça dans option :

Code:

1
2
3
4
5
6
7
8
<select id='liste' name='liste' onchange='tri_liste();'>
	<option value='-1'> Tous </option>
	<?php
	$r1 = mysql_query("select valeur from table group by valeur");
	while($row = mysql_fetch_array($r1)){
	echo "<option value='".$row['valeur']."' echo 'selected'>".$row['valeur']."</option>";
        } 
       ?></select>

03/11/2009, 11h41
E.Bzz

C'est donc du PHP :aie:

Sur le principe :
Il faut que tu ais envoyé la value sélectionnée au serveur.
Dans ta boucle, il ne faut générer le "selected" que si $row['valeur'] est égale à cette value envoyée à la page ...

A+

Ca fonctionne, voici la nouvelle version :) :

En admettant que la réponse du serveur via Ajax soit : $valeur=$_GET["valeur"];

Code:

1
2
3
4
5
6
7
8
9
<select id='liste' name='liste' onchange='tri_liste();'>
		<option value='-1'> Tous </option>
		<?php
                     $r1 = mysql_query("select valeur from commande group by valeur");
                     while($row = mysql_fetch_array($r1)){
                     echo "<option value=\"".$row['valeur']."\"";
                       if($valeur==$row['valeur']) { echo 'selected'; }
                           echo ">".$row['valeur']."</option>";
                            } ?></select>

Peux-tu me dire si j'utilise correctement les ' et " ? Merci :)

03/11/2009, 14h16
E.Bzz

Citation:

Envoyé par arthuro45

Peux-tu me dire si j'utilise correctement les ' et " ? Merci :)

Et non, je ne peux pas te dire, n'étant pas PHPiste.

Par contre, si tu colles ici le code généré, on verra tout de suite ;)

A+

Voici le code source généré :

Code:

1
2
3
<select id='liste' name='liste' onchange='tri_liste();'>
			<option value='-1'> Tous </option>
				<option value="valeur">valeur</option>

03/11/2009, 16h17
E.Bzz

Si tu as bien un </select> à la fin de tout ça, c'est que tout est bon :ccool:

A+
03/11/2009, 16h49
arthuro45

Oui j'ai bien le </select> à la fin.

J'ai une autre question mais ça concerne du PHP. Je vais poster la-bas :)

Merci de ton aide.