Es un select simulado con CSS y Javascript. Funciona perfecto, EXCEPTO cuando el select tiene scroll, pues se cierra al hacer click en el scroll.

De todas formas ya se viene la versión 2.0 donde eso está solucionado y está mucho más automatizado.

Ojalá les sirva.

Quizá la solución sería meter ese parámetro en “class”, indicándolo también en la línea donde se define “icon”.

¡Saludos! =)

- Se crea un objeto contenedor de los iconos


var iconos={
iconoMusic:'icons/icon_music.gif',
}


- Se elimina el atributo icon y se pone id:


Music


- Y la línea 77 se cambia por:


var icon=iconos[curretna.id]


Funciona correctamente y valida el html

Podéis verlo funcionando en una prueba que he creado.

Siempre puedes añadir los atributos previamente con JS

Por cierto, si queremos cambiar la forma de recoger la imagen, en la línea 77 del fichero, podemos encontrarnos esta línea:

var icon = curretna.icon;

Bastaría con cambiar icon por el atributo que más rabia no dé

La iniciativa me parece buena, pues ésto es algo necesario, ya que somos esclavos del interfaz del navegador en este sentido. Pero la forma de ejecutarlo, a mi parecer, no es la correcta, aunque se va encaminando cada vez más.

No se si estoy en lo correcto o bien me equivoco, en este último caso me gustaría que me corrigiesen!

Un saludo a todos!