Sélectionner une valeur d'un datalist comme valeur affichée dans un input text

Version imprimable

Bonjour

j'ai dans un input text une valeur rempli par ma bdd.
je voudrais pouvoir changer la valeur en choisissant dans une liste déroulante .

problème si je mets la valeur issue de la bdd dans l'input il n'y a que cette valeur et si non je n'ai pas de valeur sélectionné.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
				<datalist id="liste_mois">
					<?php   
                                        try{
                                                $retours_mois = $liaison -> prepare("SELECT * FROM mois  ORDER BY id ASC");
                                                $retours_mois -> execute();
                                        }catch(Exception $message){
                                                $message ->getMessage();
                                        }                                                       
                                        while ($donnees_mois = $retours_mois -> fetch((PDO::FETCH_ASSOC))){
                                        ?>
					<option value="<?php echo ($donnees_mois['mois']);?>" ></option>
					<?php
                                        } ?>
				</datalist>
 
 
<tr>
<td><input type="text" style="width:60px;" list="liste_mois" name=<?php echo "mois_".$id_paiement; ?> id=<?php echo"mois_".$id_paiement; ?> value="<?php echo ($mois);?>"    ></td>
 
 
 
</tr>

04/03/2024, 11h54
Pytet

Bonjour,

Essaye d'utiliser une balise select pour construire ta liste déroulante à la place de input + datalist : https://developer.mozilla.org/fr/doc...Element/select
05/03/2024, 10h16
marco62118
Bonjour merci pour ta réponse.

j'ai résolu en faisant une fonction dans javascript qui efface la valeur de l'input lors du click ce qui pour effet de faire apparaître la liste des options.

Code:

<td ><input type="text" style="width:100px;" list="liste_mois" name=<?php echo "mois_".$id_paiement; ?> id=<?php echo"mois_".$id_paiement; ?> value="<?php echo $mois; ?>" disabled onClick="change_mois(this)"></td>
Code:

1 2 3 function change_mois(cases){ cases.value=""; }