eswal200
Préstamo impago
1
Zeta
Verificación en dos pasos activada
Suscripción a IA
Hola gente, he creado el siguiente form con selecc dinamico
Ahora lo que me falta añadir es que al elegir una de las 5 opciones del primer select enviarlo a una url distinta, osea
Si selecciona el select con el id 1 lo redirija a https://web.com o si selecciona la opcion con el id 3 lo redirija a https://web.com/contacto
los 5 select lo debe redirigir a una url distinta.
Tienen idea de como poder hacer esto y que siga funcionando el selector dinamico?
Insertar CODE, HTML o PHP:
<form name="formulario1" action="">
<select class="seleccion" name="cosa" onchange="cambia()">
<option id="0">Seleccione
<option id="1" value="https://telescopebs.com/seminario-modelo-disney/">Seminario Servicio al Cliente México
<option id="2">Seminario Servicio al Cliente Latam
<option id="3">Seminario Trabajo en Equipo México
<option id="4">Seminario Trabajo en Equipo Latam
<option id="5">Seminario Imagen y Protocolo
</select>
<select class="seleccion" name="opt">
<option id="-">Seleccione
</select>
<input type="submit" value="Buscar Seminario" />
</form>
<script type="text/javascript">
//1) Definir Las Variables Correspondintes
var opt_1 = new Array ("-", "NAUCALPAN, 13 AGOSTO 2019", "SALTILLO, 16 DE AGOSTO 2019", "CULIACÁN: 20 AGOSTO 2019", "MORELIA 22 DE AGOSTO 2019", "CHIHUAHUA 23 DE AGOSTO 2019", "PUERTO VALLARTA, 27 DE SEPTIEMBRE 2019", "...");
var opt_2 = new Array ("-", "EL SALVADOR 8 DE AGOSTO 2019", "PARAGUAY 26 DE AGOSTO 2019", "URUGUAY 29 DE AGOSTO 2019", "IQUITOS PERU 11 DE SEPTIEMBRE 2019", "AREQUIPA PERU 13 DE SEPTIEMBRE 2019", "CORDOBA, ARGENTINA 16 DE SEPTIEMBRE 2019", "ROSARIO, ARGENTINA 18 DE SEPTIEMBRE 2019", "BUENOS AIRES , ARGENTINA 23 DE SEPTIEMBRE 2019", "MENDOZA ARGENTINA 25 DE SEPTIEMBRE 2019", "...");
var opt_3 = new Array ("-", "GUADALAJARA, 14 DE AGOSTO 2019", "CD MÉXICO, 2 DE SEPTIEMBRE 2019", "MONTERREY, 5 DE SEPTIEMBRE 2019", "TOLUCA, 23 DE SEPTIEMBRE 20199", "...");
var opt_4 = new Array ("-", "QUITO , 6 DE SEPTIEMBRE DEL 2019", "LIMA PERU, 16 DE SEPTIEMBRE DEL 2019", "...");
var opt_5 = new Array ("-", "TOLUCA, 26 DE JULIO DEL2019", "MONTERREY, 29 DE AGOSTO DEL 2019", "...");
// 2) crear una funcion que permita ejecutar el cambio dinamico
function cambia(){
var cosa;
//Se toma el vamor de la "cosa seleccionada"
cosa = document.formulario1.cosa[document.formulario1.cosa.selectedIndex].id;
//se chequea si la "cosa" esta definida
if(cosa!=0){
//selecionamos las cosas Correctas
mis_opts=eval("opt_" + cosa);
//se calcula el numero de cosas
num_opts=mis_opts.length;
//marco el numero de opt en el select
document.formulario1.opt.length = num_opts;
//para cada opt del array, la pongo en el select
for(i=0; i<num_opts; i++){
document.formulario1.opt.options[i].id=mis_opts[i];
document.formulario1.opt.options[i].text=mis_opts[i];
}
}else{
//si no habia ninguna opt seleccionada, elimino las cosas del select
document.formulario1.opt.length = 1;
//ponemos un guion en la unica opt que he dejado
document.formulario1.opt.options[0].id="-";
document.formulario1.opt.options[0].text="-";
}
//hacer un reset de las opts
document.formulario1.opt.options[0].selected = true;
}
</script>
Ahora lo que me falta añadir es que al elegir una de las 5 opciones del primer select enviarlo a una url distinta, osea
Si selecciona el select con el id 1 lo redirija a https://web.com o si selecciona la opcion con el id 3 lo redirija a https://web.com/contacto
los 5 select lo debe redirigir a una url distinta.
Tienen idea de como poder hacer esto y que siga funcionando el selector dinamico?

