option de sélection par défaut comme vide

Question

J'ai une exigence très étrange, dans laquelle je dois faire en sorte qu'aucune option ne soit sélectionnée par défaut dans un menu déroulant en HTML. Cependant,

Je ne peux pas l'utiliser,

<select>
  <option></option>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
</select>

Car, pour cela, je devrai faire une validation pour gérer la première option. Quelqu'un peut-il m'aider à atteindre cet objectif sans inclure la première option dans la balise select ?

Answer 1

Pour ceux qui utilisent <select multiple> (combobox ; pas de liste déroulante), cela a fonctionné pour moi :

<select size=1 disabled multiple>
  <option hidden selected></option>
  <option>My Option</option>
</select>

Answer 2

Utilisez jQuery :

//With jQuery 1.7.2
$("#myDropdown").attr("selectedIndex", -1);

J'ai essayé et testé jQuery v1.7.2 (dernière version en date du 18 avril 2012), mais "prop" ne fonctionne pas pour cette version.

Answer 3

Si vous n'avez pas besoin d'une option vide au départ, essayez cette première ligne :

    <option style="display:none"></option>

Answer 4

Utilisez simplement " option cachée sélectionnée " comme option par défaut.

Answer 5

Je pense qu'une bonne idée serait d'utiliser les boutons radio, de définir le numéro 1 comme valeur par défaut et de le masquer. name="init" et un value="null" ou autre, à vous de voir !

de cette façon la liste des boutons radio a une valeur définitive, mais la valeur par défaut de null peut être utilisée logiquement !

Je pense qu'il n'est pas nécessaire de développer davantage, puisque l'idée peut facilement être mise en œuvre avec display: none; ou visibility: hidden;

... alors que je pense que le premier display: none; est la meilleure option :