Cacher la première option d'un select

Bonjour à tous et toutes, j'aimerai cacher la première option d'un select pour que lors de la saisie des info dans mon formulaire le champs soit vide avant de sélectionner une option.

J'ai procédé de la sorte (pensant que ca allait fonctionner):

<select name="Heures de contact" tabindex="9">
     <option style="display:none;" value="">&nbsp;</option>
     <option value="Avant 9h00">Avant 9h00</option>
     <option value="Entre 9h00 et 13h00">Entre 9h00 et 13h00</option>
     <option value="Entre 14h00 et 19h00">Entre 14h00 et 19h00</option>
     <option value="Après 19h00">Après 19h00</option>
</select>

Le problème, c'est que cela a fonctionné uniquement sur Firefox.

Voici ce que j'aimerai avoir:

Un champ vide avant de sélectionner une option:
http://img808.imageshack.us/img808/9545/cachep.jpg

et les options apparaissant de cette façon:
http://img815.imageshack.us/img815/415/cacheoption.jpg

Donc si quelqu'un a une piste, je suis preneur !

Merci
Modifié par LuciferX (08 Jul 2010 - 23:09)

bonsoir

la piste est toute simple

nul besoin du style... le value vide avec le   suffisent à créer la première valeur vide...

Oui, mais si je ne cache pas la 1ère option, l'affichage se fait de cette façon:
http://img689.imageshack.us/img689/7085/001ldm.jpg

Ce qui n'est pas vraiment top !

J'avais pensé à un soupçon de javascript mais hélas, je n'ai rien trouvé sur le sujet.
Modifié par LuciferX (09 Jul 2010 - 00:18)

Je pourrais mettre à la place d'un champ vide la phrase Choissez votre heure mais le texte risque d'être un peu long et je n'ai pas envie d'utiliser de caractères trop petits.

En fait j'avais pensé que le fait de voir un champ vide suggèrerait de façon logique que le champ doit être rempli (ou dans le cas présent, sélectionné).

Bref, qui a une idée ?
Modifié par LuciferX (10 Jul 2010 - 20:05)

Bonjour,

La seule solution que je vois est d'utiliser du Javascript. Lorsqu'un premier clic est effectué sur le SELECT, tu effaces le premier élément OPTION. Attention de t'assurer que ça n'efface pas le premier élément à chaque clic!

Si tu as l'intention d'ajouter plusieurs fonctionnalités semblables sur ton site, je recommandes JQuery. Ça facilite de beaucoup le travail, puis il existe des plugins qui permettent de manipuler très facilement des éléments SELECT.

Toutefois, le comportement que tu veux mettre en place n'est pas commun. La majorité des formulaires sur le Web, pour ne pas dire tous, possède une OPTION vide au début des SELECT et celle-ci reste présente après le clic. C'est un comportement normal auquel les utilisateurs sont habitués. Alors bien honnêtement, je te dirais plutôt de laisser tomber ton idée.
Modifié par Tony Monast (11 Jul 2010 - 17:25)

En fait il y a déjà du jQuery sur le site

Mais si je l'utilise dans mon formulaire, le problème reste le même puisque certaines personnes peuvent ne pas avoir activé le javascript.

Dommage, ca semblait une bonne idée mais comme ca ne pose pas de problème au client, je vais aussi laisser tomber.

Enfin, merci tout de même pour tes remarques !
Modifié par LuciferX (16 Jul 2010 - 08:27)