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:

Cacher option d'une liste déroulante JS
Liste déroulante excel - Guide
Liste déroulante en cascade - Guide
Comment cacher la liste d'amis sur facebook - Guide
Option booster free avis - Accueil - Guide opérateurs et forfaits
Cacher une conversation whatsapp - Guide

3 réponses

Réponse 1 / 3

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]); }"

Réponse 2 / 3

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

Réponse 3 / 3

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.

Discussions similaires

Suppression listes déroulantes

Supprimer liste déroulante Excel

Effacer le contenue d'une cellule avec liste déroulante

Effacer liste déroulante

supprimer une liste déroulante