[SOLUCIONADO] Cambiar destino form segun option seleccionado

[leaizza]

Buenas tardes,

Tengo una duda, quisiera saber cual es la manera mas sencilla para que, de acuerdo a un option seleccionado, me diriga un formulario a una URL distinta.

Ejemplo:

Código PHP:

  <form>
 <select>
                <option value="1">Hola</option>
                <option value="2">Chau</option>
</select>
<a href="">Ir</a>
</form> 
   

Y que si un usuario selecciona la opcion Hola, vaya a una URL, y cuando selecciona la opcion Chau, vaya a otra.

Gracias!

[alvaro_trewhela]

Algo rápido podría ser esto:

Código HTML:

<form id="form" method="post" action="1">
    <select onchange="document.getElementById('form').setAttribute('action', this.value)">
        <option value="1">Hola</option>
        <option value="2">Chau</option>
</select>
<input type="submit" value="go!" />
</form>
 

[Alexis88]

En principio, no deberías usar un enlace ya que su uso es para redirigir al usuario hacia la dirección electrónica establecida en su atributo href, sin la necesidad de pertenecer a un formulario. En su lugar deberías utilizar un <input type="submit" /> o un <button>.

Por otro lado, el cambio básicamente se realizaría al momento de que se produzca el evento change en el <select>, por lo cual solo tendrías que asociar dicho evento al elemento en cuestión y ejecutar una función por cada vez que ocurra el cambio. Cuando se pulse el botón del formulario para realizar el envío de información (evento submit), debes cancelar la ejecución de dicho evento (método .preventDefault()) y, utilizando una condición, realizar la redirección hacia una determinada dirección electrónica según sea la opción elegida. Otra forma de hacerlo consistiría en cambiar el valor del atributo action del formulario por cada vez que se elija una opción, cambio que puedes realizar en la función que asocies al evento change del <select>.