Estoy tratando de agregar algo de contenido (es decir, texto o ícono) al final del marcador de posición de la etiqueta <option> pero no estoy muy seguro de cómo hacerlo. Quiero dejar en claro que no estoy hablando de agregar contenido después de lo que sea que esté en el marcador de posición, sino al final del marcador de posición.
Por ejemplo, imagine que la etiqueta de opción en el navegador muestra un cierto tamaño, es decir, lo que esté entre los corchetes que se muestran a continuación:
No estoy tratando de agregar contenido después de la opción predeterminada como se muestra a continuación,
[default option "some_extra_content" ]pero en cambio espero lograr algo como:
[default option "some_extra_content"] ¿Hay alguna manera de que pueda hacer esto? He estado buscando durante mucho tiempo, pero no he visto nada que sea útil. Todo lo que tengo hasta ahora se muestra a continuación, pero es solo un <select> normal
<select> <option selected="selected" value="">Select your option "some_extra_content"</option> <option value="a">A</option> <option value="b">B</option> </select>opción Elemento HTML: contenido permitido Texto, posiblemente con caracteres de escape (como é).
Puede intentar rellenar el medio con (espacios que no se rompen)
<html> <head> <style></style> </head> <body> <select id="select1"> <option id="option0" selected="selected" value=""> Select your option "some_extra_content" </option> <option id="option1" value="a"> A More TEXT </option> <option id="option2" value="b"> B Bees knees </option> </select> <script></script> </body> </html>