Cacher option d'une liste déroulante JS

Fermé
uiui69 Messages postés 31 Date d'inscription mardi 5 juin 2007 Statut Membre Dernière intervention 14 mai 2015 - 13 déc. 2009 à 14:01
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 13 déc. 2009 à 22:22
Bonjour,
Je voudrais supprimer ou cacher une option (sexe) de ma liste déroulante quand elle reçoit le focus pour que l'utilisateur n'ait le choix qu'entre homme et femme.


Voilà mon code qui ne marche pas. Je précise que je suis débutant en javascipt, langage difficile mais bien pratique :

<form name="inscription">
<select name="sexe" onFocus="window.document.forms['inscription'].form['sexe'].options[0].style.display='none';">
<option value="sexe">sexe</option>
<option value="homme">homme</option>
<option value="femme">femme</option>
</select>
</form>

Merci pour vos réponses
A voir également:

3 réponses

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
13 déc. 2009 à 14:09
Remplace "window.document.forms['inscription'].form['sexe']" par "this" et remplace "onFocus" par "onfocus".

Je ne penses pas que le masquer soit la solution, il vaudrait mieux le supprimer :
onfocus="if(this.options[0].value == 'sexe') { removeChild(this.options[0]); }"
0
uiui69 Messages postés 31 Date d'inscription mardi 5 juin 2007 Statut Membre Dernière intervention 14 mai 2015 11
13 déc. 2009 à 19:55
Merci, effectivement ça marche. Le seulsouci, c'est que l'on est obligé d'appuyer deux fois sur la flèche. La première fois, l'option "sexe" est supprimée et c'est l'option "homme" qui apparait, la deuxième fois, on peut choisir. Ce serait top que l'on puisse choisir tout de suite. Vous auriez peut-être une idée ?

Merci
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
13 déc. 2009 à 22:22
Je ne penses pas que ce soit possible.
Sur Firefox, il n'y a aucun problème.

De toutes façon, les vérifications Javascript ne sont pas importantes, c'est celles en PHP qui comptent.
0