Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] Configurar form select con href?

Estas en el tema de Configurar form select con href? en el foro de Diseño web en Foros del Web. Buenas! Tengo dos opciones en mi formulario select y un botón submit. Lo que necesito es que si el usuario selecciona la opción1 al presionar ...
  #1 (permalink)  
Antiguo 11/03/2017, 09:00
 
Fecha de Ingreso: noviembre-2015
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Sonrisa Configurar form select con href?

Buenas!
Tengo dos opciones en mi formulario select y un botón submit. Lo que necesito es que si el usuario selecciona la opción1 al presionar el boton lo lleve a la páginaweb1 y si el usuario selecciona la opcion 2 al presionar el boton lo lleve a la paginaweb2 ¿Cuál es la forma más fácil de lograr esto, puede hacere solo en html sin usar php?
Hasta ahora tengo mi formulario así:
Código HTML:
 <form action="reservar.php" method="post">    
    <select name="select1">
     <option>$300 - Volves a Plaza Moreno</option>
     <option>$400 - Te llevamos a domicilio</option>
    </select>
  <input type="submit" value="RESERVAR" />
 </form> 
  #2 (permalink)  
Antiguo 11/03/2017, 09:28
Avatar de petit89  
Fecha de Ingreso: marzo-2011
Mensajes: 1.135
Antigüedad: 13 años, 1 mes
Puntos: 170
Respuesta: Configurar form select con href?

puedes hacerlo con javascript... no necesitas cargar jQuery, te dejo el ejemplo automatico(evento OnChange) si quieres que se active con el submit pues sera de hacer la modificación que no es dificil..
Código HTML:
Ver original
  1. <select id="nav">
  2.      <option value="http://www.google.com">Google</option>
  3.      <option value="http://www.ebay.com">eBay</option>
  4.      <option value="http://www.amazon.com">Amazon</option>

Código Javascript:
Ver original
  1. document.getElementById("nav").addEventListener('change', function () {
  2.     window.location = this.value;
  3. }, false);&#8203;

saludos
__________________
█ WebHosting / Reseller a bajo costo | Uptime Garantizado | Soporte en Español e Ingles
¿Te sirvió la respuesta? Deja un +1 (Triangulo negro al lado derecho)
  #3 (permalink)  
Antiguo 11/03/2017, 09:49
 
Fecha de Ingreso: noviembre-2015
Mensajes: 26
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Configurar form select con href?

Cita:
Iniciado por petit89 Ver Mensaje
puedes hacerlo con javascript... no necesitas cargar jQuery, te dejo el ejemplo automatico(evento OnChange) si quieres que se active con el submit pues sera de hacer la modificación que no es dificil..
Código HTML:
Ver original
  1. <select id="nav">
  2.      <option value="http://www.google.com">Google</option>
  3.      <option value="http://www.ebay.com">eBay</option>
  4.      <option value="http://www.amazon.com">Amazon</option>

Código Javascript:
Ver original
  1. document.getElementById("nav").addEventListener('change', function () {
  2.     window.location = this.value;
  3. }, false);&#8203;

saludos
Excelente! Graciaaaaas

Etiquetas: form, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:32.