Comment faire pour supprimer/masquer sélectionner les options de liste de sélection
J'ai une liste de sélection comme ceci:
<select id="selectlist" name="selectproduct" >
<option value=""> --- Select product --- </option>
<option value="1">Product 1</option>
<option value="2">Product 2</option>
<option value="3">Product 3</option>
<option value="4">Product 4</option>
</select>
Malheureusement je ne peux pas le modifier.
Existe t'il une méthode qui permettez-moi de cacher le Produit "4" option par défaut?
Je suis en train d'essayer avec le CSS, mais ça ne fonctionne pas avec IE.
Vous devez vous connecter pour publier un commentaire.
De le cacher, l'envelopper avec une balise span.
Pour le montrer, déballer la balise span, si il en a un.
à l'aide de css pour cacher les options n'est pas pris en charge dans IE, si vous avez besoin de mettre à jour le
option
s de la liste elle-même.Essayer quelque chose comme
Démo: Violon
ou si vous souhaitez l'activer plus tard
Démo: Violon
$
utilisationjQuery
Uncaught TypeError: Cannot call method 'getElementsByTagName' of null
Vous pouvez masquer l'option à l'aide de la ligne suivante inclure dans le script.
Et si vous souhaitez à nouveau montrer cette option utiliser la ligne suivante.
Pour économiser votre temps, merci de lire la réponse suivante.
OK, j'ai cherché pendant quelques heures, et j'ai remarqué qu'il y a AUCUNE FAÇON de TRAVAILLER de "cacher" (ce que je veux dire, c'est que l'option temporellement disparu de la liste déroulante) pour tous les navigateurs, tels que les définit la visibilité à être caché ou style="display: none".
Mon approche finale est:
1. Créer un tableau pour stocker toutes les options de la liste déroulante.
2. Utiliser une méthode pour mettre à jour dynamiquement la liste déroulante en fonction de ce que vous souhaitez afficher.
Que c'est, si vous voulez utiliser une liste déroulante sans l'aide de n'importe quelle bibliothèque
Vous pouvez les "cacher" l'option en le déplaçant vers un caché sélectionner l'élément mis en cache ou un fragment de document, puis de le déplacer en arrière quand vous voulez le montrer:
Ensuite, vous pouvez masquer la 4e option comme:
et de l'afficher à nouveau en utilisant:
Jouent tous un code bien sûr, mais vous devriez obtenir quelques idées. Si vous souhaitez stocker de nombreuses options, vous aurez besoin d'un moyen de référencement afin peut-être de les stocker dans un objet avec une certaine forme de schéma de références.
Essayez de désactiver cette option pour les personnes handicapées de l'attribut.
Vérifier démo
voir ce lien
http://jsfiddle.net/DKKMN/
créer un identifiant et un dans le style de le rendre invisible
Je suppose que vous êtes à l'aide de JQuery ainsi.
à ajouter de l'enfant au-dessous de la liste de l'option à l'aide de java script.
si vous souhaitez supprimer une option de liste de sélection, vous pouvez utiliser ce code:
cache la 4ème option par défaut.