Texte par défaut qui ne sera pas affiché dans la liste déroulante

Question

J'ai un select qui affiche initialement Sélectionner la langue jusqu'à ce que l'utilisateur sélectionne une langue. Lorsque l'utilisateur ouvre le select, je ne veux pas qu'il affiche une option de langue Select , car ce n'est pas une option réelle.

Comment puis-je atteindre cet objectif?

Answer 1

Voici la soluce :

 <select>
    <option style="display:none;" selected>Select language</option>
    <option>Option 1</option>
    <option>Option 2</option>
</select>

Answer 2

Étant donné que vous ne pouvez pas utiliser d'espaces réservés pour les select , je ne pense pas qu'il existe un moyen de faire exactement ce que vous demandez avec du HTML/CSS pur. Vous pouvez cependant faire quelque chose comme ceci :

 <select>
  <option disabled="disabled">Select language</option>
  <option>Option 1</option>
</select>

"Sélectionner la langue" apparaîtra dans la liste déroulante, mais une fois qu'une autre option est sélectionnée, il ne sera pas possible de la resélectionner.

J'espère que ça aide.

Answer 3

Essaye ça:

 <div class="selectSelection">
    <select>
        <option>Do not display</option>
        <option>1</option>
        <option>1</option>
    </select>
</div>

Dans le CSS :

 .selectSelection option:first-child{
    display:none;
}