Problema con evento Onclcik combo

fuentesn8 · #1 (**permalink**) 10/09/2009, 06:25

Hola me gustaria saber como puedo hacer para abrir otra pagina de mi mismo proyecto desde un combo.

Es decir imaginemos que tengo

<Select name="menu">
<option value="selecciona">Seleccione...</option>
<option value="1">Barcelona</option>
<option value="2">Madrid</option>
<option value="3">Valencia</option>
</select>

Esto lo tengo en una pagina de mi projecto llamada resultado.html, me gustaria que al seleccionar por ejemplo barcelona me abrirera automaticamente mi pagina llamada barcelona.html

Lo he intentado con el evento onclick.. he visto que puede hacerse con href pero no lo entiendo

Muchas gracias por la ayuda he mirado mucho por internet pero no lo consigo

Adler · #2 (**permalink**) 10/09/2009, 06:31

Hola

Prueba así

Código javascript:

Ver originalonchange="funcion(document.getElementById('menu').options[document.getElementById('menu').selectedIndex].value);"

Suerte

fuentesn8 · #3 (**permalink**) 10/09/2009, 06:41

Hola Adler.

Muchas gracias pero no entiendo bien...

Eso va en el evento onchange de cada option o del select?? no hace falta hacer una funcion javascript aparte??

Gracias

fuentesn8 · #4 (**permalink**) 10/09/2009, 06:45

Nop definitivamente no lo entiendo porque no he puesto las paginas donde tiene que ir en ningun sitio... nose si me entendeis??

Adler · #5 (**permalink**) 10/09/2009, 07:40

Hola

Lo has de incrustar así

Código html:

Ver original<Select name="menu" onchange="funcion(document.getElementById('menu').options[document.getElementById('menu').selectedIndex].value);">
<option value="selecciona">Seleccione...</option>
<option value="Barcelona">Barcelona</option>
<option value="Madrid">Madrid</option>
<option value="Valencia">Valencia</option>

Ahora la función

Código javascript:

Ver originalfunction funcion(opt) {
window.location.href = opt + ".html";
}

Suerte

fuentesn8 · #6 (**permalink**) 13/09/2009, 07:40

Hola amigos no me funciona de esta manera, no me hace nada... tambien he probado haciendo lo siguiente

<option onchange="window.open(this.value)">
<option value ="Barcelona.html">Barcelona</option>

Pero tampoco funciona asi.. alguna idea??

Adler · #7 (**permalink**) 13/09/2009, 07:59

Hola

El código funciona. Quizás es que no entiendo lo que quieres que ocurra

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function funcion(opt) {
window.location.href = opt + ".html";
}
</script>
</head>
<body>
<Select id="menu" name="menu" onchange="funcion(document.getElementById('menu'). options[document.getElementById('menu').selectedIndex].value);">
<option value="selecciona">Seleccione...</option>
<option value="Barcelona">Barcelona</option>
<option value="Madrid">Madrid</option>
<option value="Valencia">Valencia</option>
</select>
</body>
</html>

Suerte

fuentesn8 · #8 (**permalink**) 13/09/2009, 08:27

MADREMIA ADLER!!!!! PUEDES LLAMARME INUTIL TE DEJO jajaja :P

Muchisimas gracias!!!! llevaba 2 dias volviendome loco con esto... probando mil maneras y no entendia porque ninguna me funcionaba porque a todos los codigos les veia sentido..

Y ahora veo que tu codigo funciona PERFECTAMENTE sabes lo que ocurria?

Mi IE6 es nuevo y tenia bloqueados todos los scripts, como la web que estoi haciendo es nueva y aun no habia ejecutado ningun script externo no los habia probado.... jajaja que burro soy..

Muchas gracias me has solucionado un buen problema... :P

Adler · #9 (**permalink**) 13/09/2009, 13:21

Vaaaaaaa... tranquilo, eso puede pasar

America|UNK · #10 (**permalink**) 13/09/2009, 14:28

Puedes ahorrarte código sin buscar otra vez el div por que ya lo tienes.

Código HTML:

<Select onchange="location.href=this.options[this.selectedIndex].value">
<option value="selecciona">Seleccione...</option>
<option value="Barcelona">Barcelona</option>

Adler · #11 (**permalink**) 13/09/2009, 14:38

Hola

Cita:

Iniciado por America|UNK

Puedes ahorrarte código sin buscar otra vez el div por que ya lo tienes.

Código HTML:

<Select onchange="location.href=this.options[this.selectedIndex].value">
<option value="selecciona">Seleccione...</option>
<option value="Barcelona">Barcelona</option>

Vaya si que lo siento, pero la función no debe de ahorrarsela. Puesto que si el usuario hace back y selecciona la primera opción dará error. Con esto se puede corregir

Código:

function funcion(opt) {
if (opt != 0)
window.location.href = opt + ".html";
}

<select onchange = "funcion(this.selectedIndex)">