redirigir segun opcion seleccionada.

[josodi]

Saludos, tengo un problema, tengo una lista despegable en donde quiero que redireccione a cierta pagina segun la opcion que se elija.

<form>
<select name="campos">
<option>-Seleccionar-</option>
<option value="uno">Uno</option>
<option value="dos">Dos</option>
<option value="tres">Tres</option>
</select>
</form>

Si se elije la opción "Uno" te lleve a la pagina 1.html
Si se elije la opción "Dos" te lleve a la pagina 2.html
Si se elije la opción "Tres" te lleve a la pagina 3.html

No se como hacer para que esto funcione.

¿Alguien me podría ayudar por favor?

Muchas gracias.

[JavierB]

Hola josodi

Puedes hacerlo así:

Código:

<select name="campos" onchange = "location=this.value">
<option>-Seleccionar-</option>
<option value="1.html">Uno</option>
<option value="2.html">Dos</option>
<option value="3.html">Tres</option>
</select>

Saludos,

[josodi]

Gracias por responder JavierB, pero lo que quiero es que me redireccione a una pagina al dar click en el boton "enviar" o sea, el cambio deberia de ser en la etiqueta "form"

<form method="post" action="¿?.html">

como hago para que me redireccione a la pagina 1.html (o 2.html o 3.html) en el campo "action" segun la opcion que elija en el campo "select".

Gracias

[JavierB]

Hola de nuevo.

Prueba poniendo así el formulario:

<form method="post" action="" onsubmit = "this.action = campos.value">

Saludos,

[caricatos]

Hola:

La solución javascript es tal como pone JavierB (¡Hola !), pero en estos casos hay una solución en lenguajes del servidor... tal vez sea recomendable porque quienes desactiven javascript tendrán problemas...
por ejemplo con php se puede poner un action a una página por ejemplo: destino.php que podría tener esta línea:

<? header("location:" .$_POST["campo"]); ?>

Espero no haberte liado...

Saludos

[josodi]

Gracias JavierB me funciono perfectamente, ahora solo me queda una duda, se puede poner 2 eventos en "onsubmit", lo digo por que el formulario en mencion ya tenia un evento "onsubmit" que valida los campos del formulario. El evento es: onSubmit="return ValidarForma()", quite este evento y coloque el tuyo y me funcionó bien, pero ahora viene el dilema de validar los campos del formuario.

Muchas gracias man, me sirvio de mucho tu ayuda.

[josodi]

Iniciado por caricatos

Hola:

La solución javascript es tal como pone JavierB (¡Hola !), pero en estos casos hay una solución en lenguajes del servidor... tal vez sea recomendable porque quienes desactiven javascript tendrán problemas...
por ejemplo con php se puede poner un action a una página por ejemplo: destino.php que podría tener esta línea:

<? header("location:" .$_POST["campo"]); ?>

Espero no haberte liado...

Saludos

"me" confiundido, gracias Caricatos, podrias poner un ejemplo practico, teniendo en cuenta los post anteriores... de todas maneras me gustaria tener respuesta de JavierB

[caricatos]

Hola:

Pues el ejemplo era para redireccionar, pero si tienes que enviar más valores, ta se complica el tema porque habría que trabajar con sesiones u otras alternativas que tendrías que consultar en el foro adecuado (según mi ejemplo php)

Sobre la consulta de usar 2 "onsubmit", solo debes usar uno, pero no hay grandes problemas...

onsubmit="valida = return ValidarForma(); if (valida) this.action = campos.value; return valida"

Por cierto, a las funciones validadoras, suelo recomendar enviar el formulario como parámetro: return ValidarForma(this)",

Saludos