javascript - type - ¿Puedo usar etiquetas HTML en las opciones para elementos seleccionados?
selectores css avanzados (4)
Esta pregunta ya tiene una respuesta aquí:
- Estilo del texto OPTION 5 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 procesen en HTML. En esta aplicación, puedo jugar con HTML, CSS, JavaScript (incluido jQuery). Y el HTML mismo se está procesando a través de Django (django.form.fields.select).
No, no puedes hacer esto. <option> etiquetas <option> no pueden contener ninguna otra etiqueta.
No, no puedes.
Lo que harías si quisieras esto es usar algo así como un div flotante y una posición y mostrarlo usando Css para que parezca una selección. Luego, usando los clics de javascipt, los usuarios pueden seleccionar.
Algo así: reinventar el menú desplegable
No, pero esto: Styling HTML Select puede ayudarlo a usted y a muchos detalles y votos aquí:
¿Cómo diseñar un menú desplegable <select> con CSS solo sin JavaScript?
la etiqueta de opción no permite ningún otro texto que no sea texto
Aquí hay un violín que creé hace unos meses que reemplaza un elemento seleccionado con un menú desplegable de lista, y actualiza la selección para cada selección realizada. Solo oculta selecciona con css http://jsfiddle.net/6zcRk/
El usuario en este hilo lo convirtió en un complemento disponible en github (ver enlace en el hilo)