Cacher option d'une liste déroulante JS
uiui69
Messages postés
32
Statut
Membre
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
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
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
Configuration: Windows XP Internet Explorer 8.0
3 réponses
-
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]); }" -
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 -
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.
