por qué no me funciona...

alfvg · #1 (**permalink**) 09/10/2006, 11:56

hola a todos,
quiero hacer un desplegable y he hecho esto:
-------------------------
<html>
<head>
</head>
<body>
<p>
<form name=navegador>
<select name="secciones" id="webs" onChange="destino()">
<option value="http://www.marca.es" selected>marca</option>
<option value="http://www.cadena100.es">cadena 100</option>
<option value="htt://www.rockandgol.net">rock and gol</option>
</select>
</form>
</p>
<p> </p>
<p>
<form name=navegador>
<select name="secciones" id="tertulias" onChange="destino()">
<option value="http://www.elmundo.es" selected>01 - 10 - 06</option>
<option value="http://www.elpais.es">02 - 10 - 06</option>
<option value="htpp://www.as.com">03 - 10 -06</option>
</select>
</form>
</p>
<script language=javascript>

function destino(){

url = document.navegador.secciones.options[document.navegador.secciones.selectedIndex].value

if (url != " no") window.location = url;

}

</script>
</body>
</html>

----------------------------------------
pero no me funciona nada más que el primer form.
¿cómo puedo hacer para que me funcione también el segundo?
muchas gracias
alfonso

frijolerou · #2 (**permalink**) 09/10/2006, 12:10

En primer lugar estás identificando ambos formularios con el mismo nombre (NAME) lo cual puede llevar a conflicto.

En segundo lugar hay una forma más sencilla de hacer lo que buscas (fíjate en los cambios que hice):

Código HTML:

<html>
<head>
</head>
<body>
<p>
<form name="navegador">
<select name="secciones" id="webs" onchange="destino(this)">
<option value="http://www.marca.es" selected>marca</option>
<option value="http://www.cadena100.es">cadena 100</option>
<option value="http://www.rockandgol.net">rock and gol</option>
</select>
</form>
</p>
<p>&nbsp;</p>
<p>
<form name="navegador2">
<select name="secciones" id="tertulias" onchange="destino(this)">
<option value="http://www.elmundo.es" selected>01 - 10 - 06</option>
<option value="http://www.elpais.es">02 - 10 - 06</option>
<option value="http://www.as.com">03 - 10 -06</option>
</select>
</form>
</p>
<script language=javascript>

function destino(menu){

url = menu.value;
if (url != " no") window.location = url;

}

</script>
</body>
</html>

Nota: como parámetro de la función destino() estoy pasando el operador THIS, para hacer referencia directamente al menú desplegable.