¿Puedo usar etiquetas HTML en las opciones para elementos seleccionados? [duplicar]

Resuelto trubliphone asked hace 12 años • 4 respuestas

¿Es posible que las opciones de un elemento de selección HTML incluyan etiquetas HTML?

Por ejemplo, dado el siguiente código:

 <select>
    <option value="one"><b>one is bold</b></option>
    <option value="two">two has some <span style='color:red;'>red</span> text</option>
    <option value="three">three is just normal</option>
 </select>

Me gustaría que las opciones se representaran en HTML. En esta aplicación puedo jugar con HTML, CSS, JavaScript (incluido jQuery). Y el HTML en sí se procesa a través de Django (django.form.fields.select).

trubliphone avatar Jun 28 '12 10:06 trubliphone
Aceptado

No, no puedes hacer esto. <option>Las etiquetas no pueden contener otras etiquetas.

user229044 avatar Jun 28 '2012 03:06 user229044

No, pero esto: Aplicar estilo a HTML Select puede ayudarte y hay muchos detalles y votos aquí:

¿Cómo diseñar un menú desplegable <select> con CSS solo sin JavaScript?

Michael Durrant avatar Jun 28 '2012 03:06 Michael Durrant

No, no puedes.

Lo que harías si quisieras esto es usar algo como un div flotante y posicionarlo y mostrarlo usando CSS para que parezca una selección. Luego, el uso de clics de javascipt permite a los usuarios seleccionar.

Algo como esto: reinventar el menú desplegable

nunespascal avatar Jun 28 '2012 03:06 nunespascal