Foros del Web » Programando para Internet » Javascript » Frameworks JS »

04 Select dependientes con link a una página

Estas en el tema de 04 Select dependientes con link a una página en el foro de Frameworks JS en Foros del Web. Buenos días No soy experto en código php, ni javascript o ajax, pero necesitaba con urgencia hacer 04 select dependientes y que al final me ...
  #1 (permalink)  
Antiguo 18/06/2011, 23:15
 
Fecha de Ingreso: febrero-2006
Mensajes: 104
Antigüedad: 18 años, 9 meses
Puntos: 0
04 Select dependientes con link a una página

Buenos días

No soy experto en código php, ni javascript o ajax, pero necesitaba con urgencia hacer 04 select dependientes y que al final me lleve a una determinada web por cada option de mi select final.
Buscando encontré este buen post: http://www.formatoweb.com.ar/ajax/se..._3_niveles.php
pero limitado a 03 select y que me sirvió, siguiendo la secuencia lógica, para hacer el mío de 04 select
http://www.customers-server.com/comb..._3_niveles.php

El script completo es casi el mismo y está en el primer enlace e incluso la base de datos como archivo sql.
Pero en esencia lo que necesito es que al final me linkee a una determinada web. Sino no tiene utilidad.
¿Cómo hacer ello si el 4to select es dinámico (se autogenera) y no es estático. Osea no veo los options de ese select. Me imagino en la tabla de la BD hacer un campo llamado url y en esa nueva columna poner al lado de cada option, fila por fila la URL a la cual quiero ir con cada option. pero...¿como ejecuto eso? que acción efectuar? qué instrucción darle al option para que me lleve a su respectiva URL ?

Por favor espero me puedan ayudar
Muchas Gracias
Qualito
  #2 (permalink)  
Antiguo 19/06/2011, 10:18
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: 04 Select dependientes con link a una página

colocando la URL como value de cada option, y colocandole al select que redireccione al cambiar:

<select onchange="window.open(this.value,'_self');">
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 19/06/2011, 13:20
 
Fecha de Ingreso: febrero-2006
Mensajes: 104
Antigüedad: 18 años, 9 meses
Puntos: 0
Respuesta: 04 Select dependientes con link a una página

Estimado maycoalvarez

Lo que tu sugieres ya lo he visto y es esto me parece:
http://www.forosdelweb.com/f13/selec...pagina-232842/
Pero ese caso es para selects estáticos sin BD, el mío es dinámico, los option estan en una tabla mysql, osea no se ven los option al inicio en el file php, por ende no puedo colocar lo que sugieres, tal cual lo expliqué en el primer post.

Me han comentado que debo crear un nuevo campo en mi tabla (BD) denominado url al lado del campo opción, de esa manera fila por fila opción por opción colocarle la URL a la cual deseo linkee. Ya lo hice. Luego que en el evento select del combo 4 asocie un java script que abra una nueva pagina php a la cual le envíe como parámetro la opción seleccionada y en ese php abra la pagina según esa opción. Esa es lo que no sé cómo hacer. Gracias de todos modos.

Espero estimados amigos por favor alguna orientación
Dejo abajo el código del file php
Slds
Qualito


Este es el select_dependientes_3_niveles_proceso.php
Código:
<?php
// Array que vincula los IDs de los selects declarados en el HTML con el nombre de la tabla donde se encuentra su contenido
$listadoSelects=array(
"select1"=>"select_1",
"select2"=>"select_2",
"select3"=>"select_3",
"select4"=>"select_4"
);

function validaSelect($selectDestino)
{
	// Se valida que el select enviado via GET exista
	global $listadoSelects;
	if(isset($listadoSelects[$selectDestino])) return true;
	else return false;
}

function validaOpcion($opcionSeleccionada)
{
	// Se valida que la opcion seleccionada por el usuario en el select tenga un valor numerico
	if(is_numeric($opcionSeleccionada)) return true;
	else return false;
}

$selectDestino=$_GET["select"]; $opcionSeleccionada=$_GET["opcion"];

if(validaSelect($selectDestino) && validaOpcion($opcionSeleccionada))
{
	$tabla=$listadoSelects[$selectDestino];
	include 'conexion.php';
	conectar();
	$consulta=mysql_query("SELECT id, opcion FROM $tabla WHERE relacion='$opcionSeleccionada'") or die(mysql_error());
	desconectar();
	
	// Comienzo a imprimir el select
	echo "<select name='".$selectDestino."' id='".$selectDestino."' onChange='cargaContenido(this.id)'>";
	echo "<option value='0'>Elige</option>";
	while($registro=mysql_fetch_row($consulta))
	{
		// Convierto los caracteres conflictivos a sus entidades HTML correspondientes para su correcta visualizacion
		$registro[1]=htmlentities($registro[1]);
		// Imprimo las opciones del select
		echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
	}			
	echo "</select>";
}
?>

...y este es select_dependientes_3_niveles.php que muestra la web con los select

Código:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>AJAX, Ejemplos: Combos (select) dependientes de 3 niveles, codigo fuente - ejemplo</title>
<link rel="stylesheet" type="text/css" href="select_dependientes_3_niveles.css">
<script type="text/javascript" src="select_dependientes_3_niveles.js"></script>
</head>

<body>

			<div id="demo" style="width:800px;">
				<div id="demoDer">
					<select enable="eneble" name="select4" id="select4">
						<option value="0">Selecciona opci&oacute;n...</option>
					</select>
				</div>
				<div id="demoDer">
					<select enable="eneble" name="select3" id="select3">
						<option value="0">Selecciona opci&oacute;n...</option>
					</select>
				</div>
				<div id="demoMed">
					<select enable="eneble" name="select2" id="select2">
						<option value="0">Selecciona opci&oacute;n...</option>
					</select>
				</div>
				<div id="demoIzq"><?php generaSelect(); ?></div>
			</div>

</body>
</html>

Muchas Gracias
Q
  #4 (permalink)  
Antiguo 19/06/2011, 20:33
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: 04 Select dependientes con link a una página

obviamente funciona si desde php añades el url al value del ultimo option, lo que te pase funciona para cualquier select, independientemente de que se construya vía AJAX o no, porque una vez cargado el select el que ejecuta la redirección es javascript no php.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax, dependientes, link, página, 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:51.