Discussion :

[MarcBl]

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Pytet]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[MarcBl]

Ça ne fonctionne pas. Même quand je mets la value dans la création de la datalist.

[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 ?

[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).