Il est mauvais de mettre < /span> balises à l'intérieur <option /> balises, uniquement pour la manipulation de chaînes, pas de style?
Je voudrais faire des groupes du contenu du texte d'un <option />
tag. Dire que j'ai les suivantes: <option>8:00 (1 hour)</option>
, la répartition dans le temps 8:00
peut être modifié, puis le texte entre parenthèses (1 hour)
peuvent également être modifiées.
Je pensais faire quelque chose comme
<option>
<span>8:00</span>
<span> (1 hour)</span>
</option>
Il est mauvais de mettre <span />
balises à l'intérieur <option />
balises, uniquement pour la manipulation de chaînes, pas de style?
- Il serait utile d'ajouter glyphe icônes dans les options, mais je suppose que le HTML 5 ne prend pas en charge l'option de balises pour contenir les glyphes =/
Vous devez vous connecter pour publier un commentaire.
Du HTML 4.01 spec:
De l'HTML 5 projet de spec:
(Même le HTML 3.2 et HTML 2 les spécifications dire:
<!ELEMENT OPTION - O (#PCDATA)*>
)Un élément option ne peut pas avoir tous les éléments enfants. Donc oui, il est mauvais.
Vous pouvez utiliser un plugin Javascript pour surmonter cette limitation. Par exemple le plugin jQuery "Select2" Select2 plugin page d'accueil. Je l'utilise dans un couple de mes projets et je pense que c'est assez souple et pratique.
Il y a un certain nombre d'entre eux, mais ils le font tout à fait la même chose - convertir traditionnel
<select>
en<div>
blocs avec une fonctionnalité supplémentaire.Non, il n'est pas ok. Pensez à conserver les valeurs autour dans votre script de sorte que vous pouvez recomposer si nécessaire.
Il est préférable d'utiliser un code HTML de remplacement pour votre
<select>
si vous voulez le faire.Établies par d'autres personnes, et j'ai essayé avec
<b>
et d'autres balises,<option>
ne prend pas de balises à l'intérieur.Ce que vous pouvez faire, puisque vous ne pouvez pas utiliser
<span>
à l'intérieur d'un<option>
tag,Vous pouvez utiliser le numéro d'index pour extraire le texte via
document.getElementById(selectid).les options de[x].texte où x est l'indice pertinent, comme une variable.
Alors ce que vous faire est d'utiliser la " (" diviser la variable dans le temps, et de supprimer le dernier caractère qui supprime le ")"
Exemple:
Changement c'est beaucoup plus simple:
Si vous utilisez une fonction, vous pouvez modifier chaque valeur de remplacement 1 avec 2, 3 et ainsi de suite, et de mettre un intervalle défini la fonction de constamment mettre à jour.
Une option pour l'édition serait d'utiliser un peu de fantaisie pattern matching pour mettre à jour le contenu. Il sera plus lent et plus de ressources, et dépend de la manière dont les le format est, mais ne l'exige pas n'importe quel code HTML de modifications. Ma préoccupation, cependant, serait sur l'accessibilité et l'expérience de l'utilisateur. Avoir des valeurs de changement est difficile pour les logiciels de lecture d'écran pour ramasser, et il peut aussi confondre les autres utilisateurs.