Discussion :

[marco62118]

bonjour

j'utilise un datalist avec 2 éléments si je veux séparer les 2 éléments l'un la value et l'autre en texte , dans le déroulement de la liste ça se retrouve sur 2 lignes.
à tester pour visualiser.

Code :

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
22
23
 
				<form id="frm_selection_saison" autocomplete="off" name="frm_selection_saison" method="post" action="gestion_administration.php">
					<input name="li_saison" id="li_saison" type="TEXT"  list="liste_saison" style="width:300px;"> 
					<label for="li_saison" > choisissez la saison de travail</label>
					<datalist id="liste_saison" >
						 <?php   
                                                 try{
                                                         $retours = $liaison -> prepare("SELECT * FROM saisons  ");
                                                         $retours -> execute();
                                                }catch(Exception $message){
                                                        $message ->getMessage();
                                                }       
                                        ?>
						<?php
                                                while ($donnees = $retours -> fetch((PDO::FETCH_ASSOC))){
                                                        //echo " ID = ".$donnees['ID'];
                                                ?>
							<option value="<?php echo htmlspecialchars($donnees['ID']);?>"><?php echo htmlspecialchars($donnees['saison']);?></option> 
						<?php
                                                }
                                                ?>
					</datalist>	
				</form>

[darkstar123456]

Bonjour,

La balise option de la balise datalist n'est pas la même que celle d'un select.

Dans un datalist, seul l'attribut value est important et c'est forcément lui qui sera affiché après sélection d'ailleurs.
Enfin, l'affichage d'un champ peut -habituellement- être légèrement customisé mais les valeurs affichées sont toujours dépendante du navigateur et peuvent difficilement être réécrites

Pour ce que vous souhaitez faire, je vous conseillerais de passer par un select classique (histoire de pouvoir avoir une paire value/label) et de passer par une surcouche javascript telles que select2 ou chosen

[marco62118]

Merci beaucoup pour cette réponse je vais effectivement utilisé un select, je commence à voir la différence