Discussion :

[Droïde Système7]

Bonjour,

Généralement il est courant de trouver des recherches comme par exemple : "Comment récupérer l'élément choisi du Select afin de le placer dans un Input".

Hé bien ce n'est pas mon cas, mais tout le contraire ; c'est à dire à partir de la valeur issue d'un Input : comment "injecter" cette valeur sur l'affichage d'un Select.

Je précise que je ne souhaite pas ajouter cette valeur en liste du Select, ni la mémoriser : mais simplement l'afficher dans le Select.

Merci d'avance de vos idées, si toutefois cette action est possible.

DS 7

[Séb.]

c'est à dire à partir de la valeur issue d'un Input : comment "injecter" cette valeur sur l'affichage d'un Select.

En PHP cela donnerait ceci :

Code :

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

1
2
3
4
5
6
7
8
9
<form method="post">
    <input type="text" name="inject" placeholder="Valeur à placer dans le select">
    <select>
        <?php if (isset($_POST['inject'])): ?>
            <option><?= htmlspecialchars($_POST['inject']) ?></option>
        <?php endif ?>
    </select>
    <input type="submit">
</form>

S'agissant de PHP, un rechargement de la page est nécessaire. Pour ne pas avoir de chargement il faudra passer par JS.

[Droïde Système7]

Séb

Tu me dépannes encore une fois merci !

Si jamais tu penses qu'il soit possible d'ajouter un placeholder à ce Select, ce serait le pied.

Mais peut-être est-ce incompatible avec ce code ajouté ? Bref : possible ou pas ?

J'ai tenté sa pose à plusieurs endroits et nada...

Code html :

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

<option value="" disabled selected hidden>Merci de saisir une valeur</option>

Mais même sans ça, c'est déjà super.

DS7

[wheel]

Vous pouvez utiliser datalist l'alternative de select qui semble couvrir toutes ses principales fonctions .

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<form method="post">
<input name="mNavigateur" type="search" list="mList" 
       placeholder="Votre navigateur.."/>
 
<datalist id="mList">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>
</form>

[Droïde Système7]

Bonjour,

@ wheel, impec je ne connaissais pas cet élément.

à vous deux, affaire résolue

DS7