Garder la sélection d'un select après un clique sur un lien dans un form en method POST

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour,

Le titre parle de lui-même :

Pourquoi ce code met la value du select à -1 à chaque clique sur le lien ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
<form method="POST" action="" name="form1" id="form1">
  <table id="tab1" name="tab1" cellspacing="10">
    <tr>
     <th>
       Année :
     </th>
    </tr>
    <tr>
     <td>
        <select  id="annee" name="annee" onChange="form1.submit();">
           <option value=-1>-- Choisissez --</option>
           <?php
               if(isset($_POST['annee'])){
                 $annee=$_POST['annee'];} else{$annee=-1;}
                    $r3=mssql_query("SELECT distinct annee FROM utilisateur_gldr WHERE etat = 1 OR etat = 3 ORDER BY annee desc");
                     While($var2=mssql_fetch_assoc($r3))
                     { 
                       echo "<option value=".$var2["annee"]."";
                       if($annee==$var2["annee"]) { echo " selected"; }
                       echo ">".$var2['annee']."</option>\n";
                      }
            ?>
          </select>
     </td>
  </tr>
  <tr><td><a href="garder_selection_select.php?matric=<?php echo $agent['matric']; ?>">lien</a></td>
 </table>
</form>

Merci pour votre aide :)

27/08/2010, 11h22
Invité

Bonjour,

Pourrais-tu envoyer le code généré pour plus de clarté s'il te plait ?

Merci

Bonjour,

Voici le le source après le clique :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form method="POST" action="" name="form1" id="form1">
<table id="tab1" name="tab1" cellspacing="10">
<tr>
<th>
Année :
</th>
</tr>
<tr>
<td>
<select  id="annee" name="annee" onChange="form1.submit();">
<option value=-1>-- Choisissez --</option>
<option value=2010>2010</option>
<option value=2009>2009</option>
</select>
</td>
</tr>
<tr><td><a href="garder_selection_select.php?matric=">lien</a></td>
</table>
</form>

Peut-être :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<form method="POST" action="" name="form1" id="form1">
  <table id="tab1" name="tab1" cellspacing="10">
    <tr>
     <th>
       Année :
     </th>
    </tr>
    <tr>
     <td>
        <select  id="annee" name="annee" onChange="form1.submit();">
           <option value=-1>-- Choisissez --</option>
<?php
if(isset($_POST['annee'])){ $annee=$_POST['annee']; }
else { $annee=-1; }
 
$r3 = mssql_query("SELECT distinct annee FROM utilisateur_gldr WHERE etat = 1 OR etat = 3 ORDER BY annee desc");
 
while($var2=mssql_fetch_assoc($r3)) { 
 
    echo '<option value="'.$var2["annee"].'"';
 
    if($annee == $var2["annee"]) {
        echo " selected";
    }
    echo ">".$var2['annee']."</option>\n";
}
?>
          </select>
     </td>
  </tr>
  <tr><td><a href="garder_selection_select.php?matric=<?php echo $agent['matric']; ?>">lien</a></td>
 </table>
</form>

Concrètement, quel effet est sensé avoir le lien ? Envoyer le contenu du select ? Dans ce cas pourquoi la selection d'une option soumet-t-elle le formulaire ?

27/08/2010, 13h12
arthuro45

Citation:

Concrètement, quel effet est sensé avoir le lien ? Envoyer le contenu du select ?

Le lien affiche le "matric" (dans le lien).

Le select doit juste garder la sélection.
27/08/2010, 15h47
Invité

J'ai toujours du mal à cerner la problèmatique. Mais si ce qui t'intéresse, c'est conserver une variable et sa valeur entre plusieurs pages il faudrait peut-être te tourner vers les sessions PHP.

Cf : Le cours Developpez sur les Session PHP
27/08/2010, 21h34
RunCodePhp

Salut

Code:

<a href="garder_selection_select.php?matric=<?php echo $agent['matric']; ?>">lien</a>

Le paramètre du lien sera la valeur de $agent['matric'], celle ci n'a aucun rapport avec le menu déroulant "annee".
Donc quand on clique sur le lien, ça revient au même que si on arrivait la 1ère fois sur la page.
Du moins, je ne voit nulle part d'où vient ce tableau $agent.

Petite parenthèse au passage.
Il est préférable de mettre des quotes (des " ") entre les valeurs de tous les attributs HTML, même si c'est des nombres :

Code:

<option value="-1">-- Choisissez --</option>
30/08/2010, 08h17
arthuro45

Citation:

Le paramètre du lien sera la valeur de $agent['matric'], celle ci n'a aucun rapport avec le menu déroulant "annee".

J'ai retiré ce paramètre pour le test.

Citation:

Donc quand on clique sur le lien, ça revient au même que si on arrivait la 1ère fois sur la page.

Aii, alors comment contourner ce problème pour garder la sélection sur le select ?
30/08/2010, 08h50
RunCodePhp
Citation:

Aii, alors comment contourner ce problème pour garder la sélection sur le select ?

On t'avait donné un moyen de récupérer et d'initialiser l'année, non ?
Code:

1 2 if(isset($_POST['annee'])){ $annee=$_POST['annee']; } else { $annee=-1; }
30/08/2010, 09h05
arthuro45

Code:

if(isset($_POST['annee']))

Oui mais comme tu l'as dis très justement, au clique sur le lien, la page ne reposte pas la value du select, donc $_POST['annee'] est toujours = "-1" et le select ne garde pas la sélection.

Citation:

Donc quand on clique sur le lien, ça revient au même que si on arrivait la 1ère fois sur la page.
30/08/2010, 09h13
RunCodePhp

Citation:

Oui mais comme tu l'as dis très justement, au clique sur le lien, la page ne reposte pas la value du select, donc $_POST['annee'] est toujours = "-1" et le select ne garde pas la sélection.

As tu exploité le code que t'a donné Karzoff (j'en ai pas l'impression).
Suffit juste remplacer le paramètre par : blablabla?annee=$annee

A coté de ça, le principe que tu as adopté, qui est de recharger la page au choix de l'année ne sert à rien ici théoriquement, car ta requête ne varie pas selon ce qui sera sélectionné, ce sont toujours les mêmes.
A moins que tu ait un 2ème menu déroulant dépendant.
Si les années sont les même, autant faire les choses simplement, comme mettre un simple submit dans le formulaire, le faire pointer vers la page désirée.
Au submit, ce sera la valeur de l'année sélectionnée qui sera retournée (qui est le fonctionnement de base d'un formulaire).
30/08/2010, 16h48
arthuro45
Citation:

Suffit juste remplacer le paramètre par : blablabla?annee=$annee

Ca y est j'ai ajouté annee=$annee dans le lien et j'ai modifié le select :
Code:

1 2 3 4 if($_POST['annee']){ $annee=$_POST['annee'];} elseif($_GET['annee']){ $annee=$_GET['annee'];} else { $annee="-1"; }
Maintenant la sélection est bien gardée, mais ensuite plus moyen de sélectionner d'autres années, le select reste sur la 1er sélection, le $_GET['annee'] reste dans la barre d'adresse est n'est pas remplacé par la nouvelle sélection en POST.

Mais pour quelle raison utilise tu un lien au lieu d'un bouton submit dans le formulaire ?
Pour quelle raison fait tu un onchange="form1.submit();", ça apporte quoi en plus ?
utiliser POST et GET n'est pas utile, il y a moyen de faire les choses plus correctement.

A savoir qu'on peu définir comme méthode get ou post au niveau du formulaire.
Si le but est de renvoyer le choix en GET, alors il suffit d'utiliser celle ci comme méthode.
(method="get" ou method="post")

En en GET, et le onchange supprimé :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <?php if (isset($_GET['annee']) && (int)$_GET['annee'] > 0) { $annee = (int)$_GET['annee']; } else { $annee= -1; } ?> <form method="get" action="garder_selection_select.php" name="form1" id="form1"> <table id="tab1" name="tab1" cellspacing="10"> <tr> <th> Année : </th> </tr> <tr> <td> <select id="annee" name="annee"> <option value=-1>-- Choisissez --</option> <?php $r3 = mssql_query('SELECT distinct annee FROM utilisateur_gldr WHERE etat = 1 OR etat = 3 ORDER BY annee desc'); while($var2 = mssql_fetch_assoc($r3)) { echo '<option value="'.$var2['annee'].'"'; if ($annee == $var2['annee']) { echo ' selected="selected"'; } echo '>'.$var2['annee'].'</option>'."\n"; } ?> </select> </td> </tr> <tr><td><input type="submit" value="Envoyer" /></td> </table> </form>

30/08/2010, 21h35
arthuro45

1 pièce(s) jointe(s)

Citation:

Mais pour quelle raison utilise tu un lien au lieu d'un bouton submit dans le formulaire ?

Dans ma page il y a un select (année), un bouton submit (Valider) et des liens.

La maquette de la page (pas terminé) en bas du post.

Tu comprends mieux pourquoi j'utilise des liens ?
Quand je clique sur un lien toute la page se remplit avec les données de la personne et pour ça elle se recharge avec POST.

Citation:

Pour quelle raison fait tu un onchange="form1.submit();", ça apporte quoi en plus ?

En arrivant sur la page, l'utilisateur doit choisir une année, sinon rien ne fonctionne. Donc il a un onchange="form1.submit();" sur le select.

Une fois l'année choisit et la page rechargée, l'utilisateur clique sur un lien, la page se recharge une nouvelle fois pour se remplir avec les donnése et c'est à ce moment que je perd la sélection du select, il revient sur "-1" (--choisissez--).
30/08/2010, 23h16
RunCodePhp

Citation:

Une fois l'année choisit et la page rechargée, l'utilisateur clique sur un lien, la page se recharge une nouvelle fois pour se remplir avec les donnése

C'est bien ceci qui m'interpelle.

Lors du onchange + le JS (this.submit), on obtient l'année sélectionnée, donc si ailleurs il y a des données à remplir, pourquoi ne pas le faire de suite ?
Pourquoi créer un lien pour à nouveau confirmer les choses, à nouveau recharger la page ?
Recharger la page 2 fois ne me semble pas utile.

Si on utilise un formulaire avec un fonctionnement classique, sans de onchange ni de JS, donc un bouton submit, certes, cela demande de cliquer explicitement sur le bouton submit pour valider le choix, ce qui va faire recharger la page.
Mais là aussi, au rechargement de la page on obtiendra l'année, donc dès cet instant on peu remplir ce qu'il y a à remplir.

Là ou je veux en venir, c'est que le fait de rajouter un lien pour confirmer le choix, ça revient au même que de reproduire ce que fait déjà un bouton submit, c'est à dire cliquer sur quelque chose.
A la grosse différence, c'est que ton lien provoque un rechargement de page en plus.
A quoi ça sert de mettre un lien ? Autant opter pour un submit alors, non ?

Il y a des cas comme 2 menu déroulants dont le 2ème est dépendant du 1er qui demande des rechargement successifs, mais il ne me semble pas que ce soit ton cas.
Enfin, tout ceci sauf erreur. ;)
31/08/2010, 09h45
Invité

Citation:

Envoyé par arthuro45

Une fois l'année choisit et la page rechargée, l'utilisateur clique sur un lien, la page se recharge une nouvelle fois pour se remplir avec les donnése et c'est à ce moment que je perd la sélection du select, il revient sur "-1" (--choisissez--).

Comme le dit RunCodePhp, il semble y avoir trop d'étapes inutiles.

Pourquoi ne pas recharger la page qu'une seule fois (avec les données) après un choix de l'élément select ? Soit avec un onsubmit, soit avec un bouton comme l'a suggéré RunCodePhp:roll:

Après, il y a peut-être des éléments qu'on ne connait pas, je comprend aussi que tu veuilles rester discret sur ton projet.
31/08/2010, 11h49
arthuro45

Citation:

Comme le dit RunCodePhp, il semble y avoir trop d'étapes inutiles.

Il y a un quiproquo depuis le départ dans nos échanges, je viens de le comprendre en te lisant Karzoff. Je suis le fautif, car je me suis mal expliqué au départ.

Citation:

Pourquoi ne pas recharger la page qu'une seule fois (avec les données) après un choix de l'élément select ?

Parce-ce-que le select ne sert qu'a choisir l'année sur laquelle on veut les données d'un utilisateur.
Les données dépendent de l'utilisateur cliqué et de l'année sélectionnée.

Quand je sélectionne une année, je ne peux pas encore remplir la page avec les données puisqu'il me manque la clause utilisateur (le lien cliqué).

Voici la requête qui se joue après un clique sur un des utilisateurs (cadre de gauche, les liens sont en marron) :

(Je met * pour vous épargner la dizaine de lignes)
SELECT *
FROM utilisateur_gldr
WHERE annee = (Le select)
AND matric = (le lien)
31/08/2010, 13h01
Invité
C'est plus clair en effet :mrgreen:

Si la liste des utilisateurs à afficher (pour le second clic) dépend de l'année, il faut effectivement s'y prendre en 2 grandes étapes :
1. Sélection de l'année :
  - On utilise le select qui soumet le formulaire lorsqu'un choix a été fait (onSelect).
  - Pour plus de simplicité, il est mieux ici, de soumettre le formulaire à la même page d'appel
2. Affichage de la page avec les liens correspondant
  - Première requête pour afficher les utilisateurs
  - La cible des lien pointera sur un lien du genre ./foo.php?annee=$annee&utilisateur=$matric
  - Requête pour afficher les stats de l'utilisateur pour l'année donnée
edit : erreur de puces, j'ai dit 2 grandes étapes :aie:
31/08/2010, 13h10
arthuro45
Citation:
Envoyé par Karzoff

C'est plus clair en effet :mrgreen:

Si la liste des utilisateurs à afficher (pour le second clic) dépend de l'année, il faut effectivement s'y prendre en 2 grandes étapes :

Sélection de l'année :

On utilise le select qui soumet le formulaire lorsqu'un choix a été fait (onSelect).
Pour plus de simplicité, il est mieux ici, de soumettre le formulaire à la même page d'appel
Première requête pour afficher les utilisateurs
Affichage de la page avec les liens correspondant

La cible des lien pointera sur un lien du genre ./foo.php?annee=$annee&utilisateur=$matric
Requête pour afficher les stats de l'utilisateur pour l'année donnée
C'est exactement ça :)
01/09/2010, 10h22
arthuro45

Citation:

edit : erreur de puces, j'ai dit 2 grandes étapes

Pas de soucis j'avais compris :)

Tu aurais une idée pour faire cohabiter les 2 méthode GET et POST ?
Ca doit bien exister des applications qui se servent de liens à la place de boutons submit.
J'ai bien tenter de remplacer mes liens par des submit mais c'est très vilain :mouarf:

Voir 40 message(s) de cette discussion en une page

Fuseau horaire GMT +2. Il est actuellement 10h36.