.:: serdeweb.com.ar ::. de todo un poco

select#idioma { background-repeat: no-repeat; background-position: 2px 4px; padding-left: 20px; } select#idioma option { background-repeat: no-repeat; background-position: 2px 2px; padding-left: 24px; } window.onload = function() { /** * arreglo con las imágenes colcar numero de imagenes (2) */ banderas = new Array(2); banderas[0] = 'url(http://www.ecovensa.cl/videopeliculas/admincutenews/data/upimages/subfolders/pagina-web/btn-search-trans.png)'; banderas[1] = 'url(http://www.ecovensa.cl/videopeliculas/admincutenews/data/upimages/subfolders/pagina-web/btn-search-trans.png)'; //banderas[2] = 'url(fr.png)'; /** * obtenemos el combo */ comboIdioma = document.getElementById('idioma'); /** * Asignamos la imagen inicial del combo */ comboIdioma.style.backgroundImage = banderas[0]; /** * asignamos las imágenes a los elementos del combo colcar numero de imagenes (2) */ for (i = 0; i < 2; i++) { comboIdioma.options[i].style.backgroundImage = banderas[i]; } /** * evento onchange del combo * * cuando cambia el elemento seleccionado, cambiamos la imagen del combo */ comboIdioma.onchange = function() { indice = comboIdioma.options.selectedIndex; comboIdioma.style.backgroundImage = banderas[indice]; } }