Mettre une valeur par défaut dans une INPUT TEXT DATALIST (HTML)

Version imprimable

Bonjour à tous,
Les extraits de code sont du PHP, mais c'est bel et bien le code HTML qui me pose problème.
Voilà, je fais un petit site qui utilise un formulaire de modification de fiche en utilisant le champ TEXT avec l'option DATALIST. Le problème, c'est que je n'arrive pas à mettre en avant la valeur actuelle du champ dans ma base de données.
Par exemple : J'ai une fiche ayant $valeurSerie = Essai mais quand je fait le code suivant, le champ est vide :

Code:

1
2
3
4
5
6
echo "echo <input type=\"text\" id=\"Serie\" name=\"Serie\" list=\"listeCompilation\" placeholder=\"Dans quelle compilation fait partie ce bien ?\" value=\"" . $valeurSerie . "\">";
echo "<datalist id=\"listeCompilation\" name=\"listeCompilation\">";
echo "<option>Yoko Tsuno</option>";
echo "<option>Essai</option>";
echo "<option>Mafalda</option>";
echo "</datalist>";

Edit : J'ai le même problème en faisant les codes suivants :

Code:

1
2
3
4
5
6
echo "echo <input type=\"text\" id=\"Serie\" name=\"Serie\" list=\"listeCompilation\" placeholder=\"Dans quelle compilation fait partie ce bien ?\">";
echo "<datalist id=\"listeCompilation\" name=\"listeCompilation\" value=\"" . $valeurSerie . "\">";
echo "<option>Yoko Tsuno</option>";
echo "<option>Essai</option>";
echo "<option>Mafalda</option>";
echo "</datalist>";

Code:

1
2
3
4
5
6
echo "echo <input type=\"text\" id=\"Serie\" name=\"Serie\" list=\"listeCompilation\" placeholder=\"Dans quelle compilation fait partie ce bien ?\">" . $valeurSerie;
echo "<datalist id=\"listeCompilation\" name=\"listeCompilation\">";
echo "<option>Yoko Tsuno</option>";
echo "<option>Essai</option>";
echo "<option>Mafalda</option>";
echo "</datalist>";

Code:

1
2
3
4
5
6
echo "echo <input type=\"text\" id=\"Serie\" name=\"Serie\" list=\"listeCompilation\" placeholder=\"Dans quelle compilation fait partie ce bien ?\">";
echo "<datalist id=\"listeCompilation\" name=\"listeCompilation\">" . $valeurSerie;
echo "<option>Yoko Tsuno</option>";
echo "<option>Essai</option>";
echo "<option>Mafalda</option>";
echo "</datalist>";

Que dois-je faire pour résoudre ce problème ?

Bonjour,

Essaye d'utiliser l'attribut value pour les balises option de la datalist.
Au passage, tu peux utiliser la syntaxe alternative de PHP pour rendre ton code html plus lisible :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
// code php
?>
<!-- code html -->
 
<input type="text" id="Serie" name="Serie" list="listeCompilation" placeholder="Dans quelle compilation fait partie ce bien ?" value="<?= $valeurSerie ?>">
<datalist id="listeCompilation" name="listeCompilation">
  <option value="Yoko Tsuno"></option>
  <option value="Essai"></option>
  <option value="Mafalda"></option>
</datalist>
 
<?php
// suite du code php

25/07/2024, 12h36
MarcBl

Ça ne fonctionne pas. Même quand je mets la value dans la création de la datalist.
25/07/2024, 16h39
mathieu

en regardant la documentation, je n'ai pas trouvé comment afficher le menu déroulant dès l'affichage de la page :
https://developer.mozilla.org/fr/doc...ement/datalist
vous aurez surement besoin de javascript pour faire cela.

vous n'utilisez pas la balise "select" pour avoir l'effet d'autocomplétion avec datalist ?
25/07/2024, 20h38
MarcBl

En effet, le site Developer Mozilla n'en fait pas mention. :( Je viens d'essayer avec SELECTED, ça ne fonctionne pas. :( Sinon, pour SELECT tout court j'ai visité Developer Mozilla et je vais tenter de comprendre comment y arriver. :?

EDIT : On est le lendemain, j'ai bien dormi, mais je n'arrive toujours à pas arriver avoir un champ pré-rempli quand le champs de texte est aussi un champ à auto-complétion (LIST et DATALIST). :(