Buenas a todos llevo mucho tiempo inscrita en el foro y aprendiendo mucho de todos vosotros como profesionales que sois y ahora se me presenta un problemilla a ver si me podéis ayudar, tengo 2 SELECT OPTION diferentes que funcionan perfectamente y lo que quería es juntar las 2 en la misma lista del SELECT OPTION, os detallo:
-1. SELECT OPTION PARA SELECCIONAR IMAGEN Y QUE SE VEA:
(Crear una carpeta llamada “COLORES” y meter ahí las imágenes .jpg correspondientes a seleccionar)
<form action="PEDIDO.php" name="SELECT" method="post">
<select name="ELEGIR" value="ELEGIR" onchange="showimage(document.forms.SELECT)">
<script language="javascript">
function showimage( fm ){
if (!document.images) return
ind = fm.ELEGIR.selectedIndex;
sel = fm.ELEGIR.options[ind].value;
document.images.GIF.src = "./COLORES/"+sel;}
</script>
<option selected disabled>ELEGIR</option>
<option value="NEGRO.jpg">NEGRO</option>
<option value="AZUL.jpg">AZUL</option>
<option value="ROJO.jpg">ROJO</option>
</select>
<br>
<img src="IMAGEN.gif" name="GIF">
</form>
-2. SELECT OPTION PARA IR A URL SELECCIONADA:
<form action="PEDIDO.php" name="SELECT" method="post">
<select name="ELEGIR" value="ELEGIR" onchange="document.location.href=this.value">
<option selected disabled>ELEGIR</option>
<option value="https://www.google.es">GOOGLE</option>
<option value="https://www.yahoo.es">YAHOO</option>
<option value="https://www.youtube.es">YOUTUBE</option>
</select>
</form>
HASTA AQUÍ BIEN
Ahora lo que quiero es juntar las 2 cosas en la misma lista para que puedas SELECCIONAR IMAGEN Y QUE SE VEA y también PODER IR A UNA URL SELECCIONADA, he intentado poner diferentes fórmulas pero no soy capaz, una de ellas por ejemplo ésta:
(Crear una carpeta llamada “COLORES” y meter ahí las imágenes .jpg correspondientes a seleccionar)
<form action="PEDIDO.php" name="SELECT" method="post">
<select name="ELEGIR" value="ELEGIR" onchange="showimage(document.forms.SELECT);documen t.location.href=this.value”>
<script language="javascript">
function showimage( fm ){
if (!document.images) return
ind = fm.ELEGIR.selectedIndex;
sel = fm.ELEGIR.options[ind].value;
document.images.GIF.src = "./COLORES/"+sel;}
</script>
<option selected disabled>ELEGIR</option>
<option value="NEGRO.jpg">NEGRO</option>
<option value="https://www.google.es">GOOGLE</option>
<option value="AZUL.jpg">AZUL</option>
<option value="https://www.yahoo.es">YAHOO</option>
<option value="ROJO.jpg">ROJO</option>
<option value="https://www.youtube.es">YOUTUBE</option>
</select>
<br>
<img src="IMAGEN.gif" name="GIF">
</form>
El error es que solo funciona si seleccionas las URL pero si seleccionas para ver una imagen no se ve porque lo que hace es buscar una URL y te sale el mensaje de “The page cannot be found!”.
Creo que la solución debe estar en crear una fórmula válida juntando las 2 funciones para “onchange”: showimage(document.forms.SELECT) + document.location.href=this.value
Alguien sabe cómo hacerlo? gracias !!
