Discussion :

[STban94]

Bonjour,
j'ai un SELECT à 3 choix. A chaque choix correspond un tableau d'affichage de données différent suivant le choix.
Mon problème, la personne choisie le choix 1, mon tableau s'affiche bien. Par contre, elle décide maintenant de sélectionner le choix 2, ma page ne se rafraichie pas, elle reste sur le tableau du choix 1.
J'ai pas mal cherché sur internet mais je ne trouve pas la fonction JS qui fonctionne pour ca.
Je suis totalement débutant en JS et je galère totalement, vous pourriez m'aider svp?
Merci d'avance.

Voici mon code pour le moment:

Code html :

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

1
2
3
4
5
6
7
<form>
<select name="choi_inscrit">
<option value="inscrit1" onChange="this.form.submit();">Toutes</option>
<option value="inscrit2" onChange="this.form.submit();">Inscriptions confirmées</option>
<option value="inscrit3" onChange="this.form.submit();">Inscriptions abandonnées</option>
</select>
</form>

[kolodz]

Bonjour

La propriété onChange n'est pas applicable sur la balise option, car l'option en elle-même ne change pas... Pour avoir le comportement que tu veux il faut que tu place cette propriété sur la balise select.
Pour plus d'informations :
http://www.w3schools.com/jsref/event_onchange.asp


Cordialement,
Patrick Kolodziejczyk.

[STban94]

Merci, j'ai corrigé cela mais je rencontre maintenant un autre problème.
Lorsque la personne choisi le select2 ou bien le select3, ma page se rafraichie et rebascule sur le select1. Du coup la personne n'a accès qu'aux données du tableau 1 et jamais du tableau 2 ou du tableau 3.
En clair, ma page se rafraichie sans conservé la valeur du select sélectionné auparavant.

[kolodz]

Peut-on voir le code réunis des 3 form et des onChange correspondant ?

Cordialement,
Patrick Kolodziejczyk.

[STban94]

Code php :

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
19
20
21
<form>
<select name="choi_inscrit" onChange="this.form.submit();">
<option value="inscrit1" <?php if($_POST['choi_inscrit']=="inscrit1") { echo "selected";} ?>>Toutes</option>
<option value="inscrit2" <?php if($_POST['choi_inscrit']=="inscrit2") { echo "selected";} ?>>Inscriptions confirmées</option>
<option value="inscrit3" <?php if($_POST['choi_inscrit']=="inscrit3") { echo "selected";} ?>>Inscriptions abandonnées</option>
</select>
</form>
<?php
if ($_POST['choi_inscrit'] = "inscrit1") {
$reponse = $bdd->query('SELECT idforfait, forfait, duree, cours1, cours2, confirmation, DATE_FORMAT(date_inscription, \'%d/%m/%Y\') AS date_inscription_fr FROM forfaits ORDER BY idforfait DESC LIMIT 0, 200');
}
elseif ($_POST['choi_inscrit'] = "inscrit2") {
$reponse = $bdd->query('SELECT idforfait, forfait, duree, cours1, cours2, confirmation, DATE_FORMAT(date_inscription, \'%d/%m/%Y\') AS date_inscription_fr FROM forfaits WHERE confirmation = \'oui\' ORDER BY idforfait DESC LIMIT 0, 200');
}
else {
$reponse = $bdd->query('SELECT idforfait, forfait, duree, cours1, cours2, confirmation, DATE_FORMAT(date_inscription, \'%d/%m/%Y\') AS date_inscription_fr FROM forfaits WHERE confirmation = \'\' ORDER BY idforfait 
DESC LIMIT 0, 200');
}
//J'affiche les lignes de mon tableau une à une avec une boucle.
while ($donnees = $reponse->fetch()) {
 ..............

[kolodz]

Ton form ne précise pas le type de méthode à utiliser GET/POST or le GET est la valeur par défaut.

http://www.w3schools.com/tags/att_form_method.asp

Tu peux faire :

Code PHP :

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

La valeur précédemment choisit Via POST<?php echo $_POST['choi_inscrit']?>

Code PHP :

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

La valeur précédemment choisit via GET<?php echo $_GET['choi_inscrit']?>

Code PHP :

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

La valeur précédemment choisit via GET/POST/COOKIE<?php echo $_REQUEST['choi_inscrit']?>

http://php.net/manual/en/reserved.variables.request.php

Cordialement,
Patrick Kolodziejczyk.

[STban94]

Merci, j'ai corrigé, mais j'ai toujours le même problème malgré ca.

[kolodz]

Qu'affiche les différents echo ? Quel est le code que tu lance ?

Cordialement,
Patrick Kolodziejczyk.

[STban94]

Que je choisisse un select avec une valeur de "inscrit1" ou "inscrit2" ou "inscrit3" le rafraichissement se fait, je me retrouve alors toujours sur le select "inscrit1" (jamais sur les 2 autres) et du coup j'ai ma requete de if ($_POST['choi_inscrit'] = "inscrit1") qui se lance (jamais les 2 autres).

[SpaceFrog]

qui dit submit dit rechargement de page ...
ni les selections ni le js ne survivent sà un rechargement de page ...
a toi coté serveur de redonner les selections ...

[STban94]

Justement, je galère, tu ne pourrais pas m'orienter un peu sur ce que je dois faire du coup. Je suppose dans un premier temps qu'il faut abandonner le
onChange="this.form.submit();" pour autre chose, mais par quoi???

[Bovino]

Code :

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

if ($_POST['choi_inscrit'] = "inscrit1")

Il faut faire la distinction entre une affectation et une comparaison.

je me retrouve alors toujours sur le select "inscrit1" (jamais sur les 2 autres)

C'est vraiment ballot, parce qu'au vu de ton code HTML, inscrit1 est pourtant la seule valeur que tu ne peux jamais sélectionner !
Parce qu'elle est sélectionnée par défaut et il ne peut donc pas y avoir d'événement change déclenché qui atteigne cette valeur.

[SpaceFrog]

Il est aussi possible de faire le submit par ajax ... du coup la page ne se recharge pas ...

[STban94]

pour ce qui est du if ($_POST['choi_inscrit']=="inscrit1") je l'ai déjà tenté mais ca ne change rien et je suppose que c'est normal car j'ai toujours mon
onChange="this.form.submit();" qui me recharge la page et qui me renvoie ma valeur par défaut que je choississe l'un ou l'autre.
Ok pour changer le onChange="this.form.submit();"mais je ne vois pas par quoi.
Dsl mais ajax je ne connais pas dutout.

[STban94]

Personne ne sait????

[SpaceFrog]

ne sait quoi ?
chercher ? Si, nous on sait chercher ... http://lmgtfy.com/?q=developpez+ajax