affichage de la valeur sélectionnée dans un select

Version imprimable

Bonjour,

j'ai un select dans mon code, et je souhaite, quand un utilisateur a sélectionné une valeur, que celle-ci soit affichée par le select et non plus la valeur par défaut.
Une recherche m'a donné un code qui fait ça :
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 <html> <head> <script type='text/javascript'> function Refresh() { //JQuery $("#textaffiche").html($("#id").val()); } </script> </head> <body> <span id="TextAffiche"></span> <select onkeypress="Refresh()" onchange="Refresh()" id="id" name="id"> <option value="1">Albert</option> <option value="3">Bertrand</option> <option value="4">Cédric</option> <option value="6">Didier</option> </select> </body> </html>
Par contre, si j'enrichis un peu ce code pour aller vers ce que je veux faire, ça ne marche plus (la valeur par défaut reste affichée)(comme je souhaite lancer le submit dès que l'utilisateur sélectionne une valeur, j'ai rajouté submit() dans la fonction js appelée sur onchange)
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 <html> <head> <script type='text/javascript'> function Refresh() { //JQuery $("#textaffiche").html($("#id").val()); submit(); } </script> </head> <body> <span id="TextAffiche"></span> <select onkeypress="Refresh()" onchange="Refresh()" id="id" name="id"> <option value="1">Albert</option> <option value="3">Bertrand</option> <option value="4">Cédric</option> <option value="6">Didier</option> </select> <?php if (isset($_POST['id'])) echo $_POST['id']; ?> </body> </html>
Peut-on me dire pourquoi ça ne marche plus ?

J'ai progressé mais c'est pas encore au point.
Déjà, c'est mieux de mettre le select dans une form...
mais sur le onchange, il n'y a qu'une seule action d'exécutée (la première rencontrée dans le code)...

Voici les 2 essais effectués :
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 <html> <head> <script type='text/javascript'> function Refresh() { submit(); //JQuery $("#textaffiche").html($("#id").val()); } </script> </head> <body> <span id="TextAffiche"></span> <form method="POST"> <select id="id" name="id" onchange="Refresh();" > <option value="1">Albert</option> <option value="3">Bertrand</option> <option value="4">Cédric</option> <option value="6">Didier</option> </select> </form> <?php if (isset($_POST['id'])) echo $_POST['id']; ?> </body> </html>
Là, la première action rencontrée est le submit donc on affiche $_POST['id'] mais la valeur affichée par le select reste la valeur par défaut.
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 <html> <head> <script type='text/javascript'> function Refresh() { //JQuery $("#textaffiche").html($("#id").val()); } </script> </head> <body> <span id="TextAffiche"></span> <form method="POST"> <select id="id" name="id" onchange="Refresh();submit();" > <option value="1">Albert</option> <option value="3">Bertrand</option> <option value="4">Cédric</option> <option value="6">Didier</option> </select> </form> <?php if (isset($_POST['id'])) echo $_POST['id']; ?> </body> </html>
Là, la première action rencontrée est la fonction jquery mais le submit n'est pas exécuté...:aie:

Bonjour,

Citation:

Envoyé par laurentSc

J'ai progressé mais c'est pas encore au point....

J'ai peur que tu régresses, au contraire... :calim2:

AUCUN besoin de JS ou jQuery ici.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <form method="post" action=""> <?php $id = (isset($_POST['id']))? intval($_POST['id']) : 0; // echo $id; ?> <select id="id" name="id" onchange="submit();"> <option value="0">...</option> <?php $noms_arr = [ 1 => 'Albert', 3 => 'Bertrand', 4 => 'Cédric', 6 => 'Didier', ]; foreach( $noms_arr as $nom_idx => $nom_val ) { $selected = ($id == $nom_idx)? ' selected="selected"' : ''; echo ' <option value="'.$nom_idx.'"'.$selected.'>'.$nom_val.'</option>'."\n"; } ?> </select> </form>
Ce serait le même principe avec des données issues d'une base de données.

N.B. Si tu regardes/lis ce code, tu y verras ce principe.

Citation:

Envoyé par jreaux62

J'ai peur que tu régresses, au contraire...

Si tu le dis...:aie:

J'ai bien vu le principe dans ton code de gestion de news, mais bien plus bas que dans la page que tu m'indiques...Cela dit, j'ai essayé de comprendre : tu mets en selected la valeur qui vient d'être sélectionnée, non ?

Par contre, j'ai tenté de l'adapter à mon besoin réel (comme tu t'en doutes, ce n'est pas ce que j'avais posté, même si je reproduisais le problème), mais il est pas d'accord.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $var=$pdo->select('SELECT t.id FROM `tickets` t',[]); ?> <form method="post" action=""> <?php $id = (isset($_POST['id']))? intval($_POST['id']) : 0; // echo $id; ?> <select id="id" name="id" onchange="submit();"> <?php $noms_arr=[]; foreach($var as $idticket) { array_push($noms_arr,($i++ => $idticket['id'],));} foreach( $noms_arr as $nom_idx => $nom_val ) { $selected = ($id == $nom_idx)? ' selected="selected"' : ''; echo ' <option value="'.$nom_idx.'"'.$selected.'>'.$nom_val.'</option>'."\n"; } ?> </select>
Citation:

Parse error: syntax error, unexpected '=>' (T_DOUBLE_ARROW) in C:\wamp64\www\ticket\methodes\Get_ProductName_example_normal_getter2.php on line 12

Donc ma méthode pour construire l'array $noms_arr ne va pas. Comment faut-il faire ?

Avec toi, tout devient compliqué... et tordu.

1-

Code:

$var=$pdo->select('SELECT t.id FROM `tickets` t',[]);

Je suppose que $var est le résultat d'un fetchAll(), c'est bien ça ?
Réponse : oui.

Alors $var est DÉJÀ un array !

2- Donc :
Code:

1 2 3 4 5 6 7 8 9 10 <select id="id" name="id" onchange="submit();"> <?php $var=$pdo->select('SELECT t.id FROM `tickets` t',[]); foreach( $var as $row ) { $selected = ($id == $row['id'])? ' selected="selected"' : ''; echo ' <option value="'.$row['id'].'"'.$selected.'>'.$row['nom'].'</option>'."\n"; } ?> </select>
Ou, si tu as choisi la sortie "objet" (PDO::FETCH_OBJ) :
Code:

1 2 3 4 5 6 7 8 9 10 <select id="id" name="id" onchange="submit();"> <?php $var=$pdo->select('SELECT t.id FROM `tickets` t',[]); foreach( $var as $row ) { $selected = ($id == $row->id)? ' selected="selected"' : ''; echo ' <option value="'.$row->id.'"'.$selected.'>'.$row->nom.'</option>'."\n"; } ?> </select>

Oui $var est bien retourné par un fetchAll.

méthode de la classe de rawsrc :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
     * @param  mixed $sql
     * @param  mixed $values    [:tag => value] si pas de values, mettre [] en argument
     * @param  mixed $types     [:tag => PDO::PARAM_XXX] si tag absent alors PDO::PARAM_STR
     * @return array            null si erreur
     */
    public function select($sql, array $values, array $type = []): ?array
    {
        try {
            $stmt = self::$pdo->prepare($sql);
            foreach ($values as $tag => $v) {
                $stmt->bindValue($tag, $v, $type[$tag] ?? \PDO::PARAM_STR);
            }
            $exec = $stmt->execute();
            return $stmt->fetchAll(\PDO::FETCH_ASSOC);
        } catch (\PDOException $e) {
            error_log('PDO::select - '.$e->getMessage());
            return null;
        }
    }

La sortie est donc en associatif :

Code:

1
2
3
4
5
6
7
8
9
10
<select id="id" name="id" onchange="submit();" style="width:200px;">
<?php
 
foreach( $var as $row )
	{   
		$selected = ($id == $row['id'])? ' selected="selected"' : '';
		echo '	<option value="'.$row['id'].'"'.$selected.'>'.$row['id'].'</option>'."\n";
	}
?>
</select>

Par contre, le select, au lieu d'afficher la dernière valeur sélectionnée, affiche systématiquement la dernière valeur de $var....

04/11/2019, 17h59
Invité

:piou:

A part ça... comment va ta JAMBE ?
Ça se reconstruit ?
04/11/2019, 18h10
laurentSc

Merci de te soucier de ma jambe, et c'est désormais du passé : j'ai repris le boulot le 26 septembre. J'avais du être réopéré en avril dernier car la jambe, en se reconsolidant, n'était plus droite, mais maintenant, ça va.

Par contre, saurais-tu faire marcher mon select ?
04/11/2019, 19h20
rawsrc

Salut,

dans ton code tu le pêches d'où ton $id ?

$id = (isset($_POST['id']))? intval($_POST['id']) : 0;.

voici le code complet :

Code:

1
2
3
4
5
6
7
8
9
10
11
<form method="post" action="" onchange="submit()";> 
<?php
$id = (isset($_POST['id']))? intval($_POST['id']) : 0;
?>
<select name="id">
<?php
foreach($var as $idticket) { ?>
    <option value="<?=$idticket['id']; ?>" ><?=$idticket['id']; ?> </option>   
<?php } ?>
</select>
</form>

04/11/2019, 22h22
rawsrc

pour que cela fonctionne, t'es en train de dire que c'est le même formulaire qui est appelé à la soumission, c'est bien ça ?

Oui c'est ça. L'action est sur la même page que le formulaire (uniquement constitué du select) et ce que je souhaite, c'est que :

1- l'action est lancée dès que l'utilisateur sélectionne une valeur avec le select

2- la valeur nouvellement affichée par le select est la valeur que l'utilisateur vient de sélectionner

code complet avec l'action :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <?php $var=$pdo->select('SELECT t.id FROM `tickets` t',[]); ?> <form method="post" action="" onchange="submit()";> <?php $id = (isset($_POST['id']))? intval($_POST['id']) : 0; ?> <select name="id"> <?php foreach($var as $idticket) { ?> <option value="<?=$idticket['id']; ?>" ><?=$idticket['id']; ?> </option> <?php } ?> </select> </form> <?php if( isset ($_POST['id']) ) { // code de l'action }
A noter le onchange="submit()";. Ce qui ne marche pas pour le moment est le point 2.

05/11/2019, 06h36
Invité
Bonjour,

Même quand on te donne TOUT le code, tu n'es pas capable de le copier tel quel...
Tu es déprimant.
- Le onchange est mal placé
- Il manque $selected
@rawsrc
Il s'agit d'un TRES BASIQUE ré-affichage des données dans un formulaire, après soumission (et rechargement de la page).
Selon le tout aussi BASIQUE PRINCIPE de FORMULAIRE et TRAITEMENT sur la même page
05/11/2019, 07h16
andry.aime

Bonjour,

J'ai pas lu la discussion jusqu'au bout mais juste pour dire pourquoi le JS ne fonctionne pas.

Citation:

Code:

$("#textaffiche").html($("#id").val()); // tu cherches l'élément avec l'id textaffiche qui n'existe pas

Citation:

Code:

<span id="TextAffiche"></span> 

C'est sensible à la casse.

A+.
05/11/2019, 07h50
Invité
Citation:

Envoyé par andry.aime

...C'est sensible à la casse.

S'il n'y avait que ça... :calim2:
- 1- il manque aussi le script d'initialisation de jQuery
- 2- C'est aussi et surtout parce que la page est rechargée par le submit(); !
C'est pourquoi un script JS n'est pas adapté ici.

Le code PHP que j'ai donné fonctionne très bien.

Désolé d'être déprimant mais je vais le rester : selon moi, le onchange est au même endroit que dans ton code et le $selected y est bien. Moralité : je ne comprends toujours pas...

Rappel de mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <form method="post" action=""> <?php $id = (isset($_POST['id']))? intval($_POST['id']) : 0; ?> <select id="id" name="id" onchange="submit();" style="width:200px;"> <?php $var=$pdo->select('SELECT t.id FROM `tickets` t',[]); foreach( $var as $row ) { $selected = ($id == $row['id'])? ' selected="selected"' : ''; echo ' <option value="'.$row['id'].'"'.$selected.'>'.$row['id'].'</option>'."\n"; } ?> </select> </form>

05/11/2019, 10h38
Invité

Ah bon ?
regarde bien tes message #10 et #12 ! :weird:

A croire que tu changes de code plus souvent que de chemise ! :aie:

Quant à ton dernier code (le mien), il fonctionne.

regarde, et MONTRE, le code HTML généré ("Ctrl"+"U").

Oui, je me demande bien où j'ai pêché le code hier soir...

Ce matin, code généré :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
<html>
<head>
</head>
<body>
 
<form method="post" action=""> 
 
<select id="id" name="id" onchange="submit();" style="width:200px;">
	<option value="INC000006425994" selected="selected">INC000006425994</option>
	<option value="INC000006582652" selected="selected">INC000006582652</option>
	<option value="INC000006665218" selected="selected">INC000006665218</option>
	...	
</select>
</form>
 
 
</body>
</html>

05/11/2019, 11h20
Invité
Sacré Laurent....................... !! :sm:
Code:

1 2 <option value="INC000006425994" selected="selected">INC000006425994</option> ...
SERIEUX ??
- RIEN NE TE CHOQUE ??
- RIEN ne te saute aux yeux ??
1- "INC000006425994" : ce N'est PAS un NUMÉRIQUE (ENTIER) !!
Dans ce cas, on ne peut/doit PAS utiliser intval() !!
Code:

1 2 3 <?php $id = (isset($_POST['id']))? $_POST['id'] : 0; ?>
2- COMMENT arrives-tu à avoir selected="selected" sur TOUTES les <option> ?? :koi:
Ce n'est PAS POSSIBLE !

MAIS COMMENT TU FAIS ???????? 8O
05/11/2019, 11h48
laurentSc

Le selected de partout, je l'avais même pas remarqué :aie:

Si j'enlève intval, ce n'est plus le cas, et ça marche !