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.