Foros del Web » Programando para Internet » Jquery »

Selects Dependientes con Jquery

Estas en el tema de Selects Dependientes con Jquery en el foro de Jquery en Foros del Web. Tengo las tablas: grados : con los campos id_grado, grado asignaturas con los campos id_asig, asignatura, id_grado reforde: con los campos : id_reforde y reforde ...
  #1 (permalink)  
Antiguo 21/02/2011, 17:31
 
Fecha de Ingreso: mayo-2007
Mensajes: 23
Antigüedad: 16 años, 11 meses
Puntos: 0
Selects Dependientes con Jquery

Tengo las tablas:
grados : con los campos id_grado, grado
asignaturas con los campos id_asig, asignatura, id_grado
reforde: con los campos : id_reforde y reforde
desreforde : con los campos id_desreforde, id_asig, anio, periodo, id_reforde, desreforde.


Necesito por medio de selects dependientes buscar desreforde:

tengo el codigo donde me busca el grado y la asignatura :

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#grados").change(function(event){
var id = $("#grados").find(':selected').val();
$("#asignaturas").load('genera-asig.php?id='+id);
});
});
</script>

y otro donde me busca el desreforde segun el reforde

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#reforde").change(function(event){
var id = $("#reforde").find(':selected').val();
$("#desreforde").load('genera-desreforde.php?id='+id);
});
});
</script>

Pero por medio de el anterior codigo necesito pasarle las variables de anio, periodo, y asignatura al archivo genera_desreforde.php. y no he podido enlazarlo, si me pueden ayudar se los agradezco mucho.

Es urgente.


<table border="1" frame="border" rules="none" width="787" height="187" >
<form action="ingdesreforde.php" method="post" onSubmit="return numerico(id_reforde.value, desreforde.value)">
<tr><td colspan="5" align="center" class="celdat">RECOMENDACION, FORTALEZA, DEBILIDAD</TD></TR>
<tr><td colspan="5" class="linea"></td></tr>
<tr><td></td><TD class="celda" height="26" width="72" align="left">GRADO: </td>
<td height="26" width="197" align="left"><?php
$res=@mysql_query("select * from grado");
printf ("<select name='grados' id='grados' style='font-family: Tahoma; font-size: 10px; width: 140px;' >");
echo "<option value=' ' selected>Selecciona un Grado</option>";
while($row1 = @mysql_fetch_array($res))
{
printf("<OPTION VALUE= %s> %s",$row1["id_grado"],$row1["grado"]);
}
@mysql_free_result($res);
printf ("</select>");
?></td><td class="celda" width="72" align="left">ASIGNATURA :</td>
<td width="197" align="left">
<select name="asignaturas" id="asignaturas" style='font-family: Tahoma; font-size: 10px; width: 100;height:18'>
</select>
</tr>
<tr><td><td class="celda">PERIODO :</td><TD><select size="1" name="periodo" style='font-family: Tahoma; font-size: 10px;'>
<option selected>SELECCIONE PERIODO</option>
<option value="1">PERIODO 1</option>
<option value="2">PERIODO 2</option>
<option value="3">PERIODO 3</option>
<option value="4">PERIODO 4</option>
</select> </TD>
<td class="celda">A&Ntilde;O : </td><td><input type="text" name="anio" value='<? echo $anio;?>' style='font-family: Tahoma; font-size: 10px;'></td></tr>
<TR><td width="4" style="height: 30px"></td>
<TD class="celda" width="94" style="height: 30px">OPCION :</TD>
<TD width="581" style="height: 30px" colspan="3"><?
$result=@mysql_query("select * from reforde");
printf ("<select name=id_reforde style='font-family: Tahoma; font-size: 10px;'>");
echo '<option></option>';
while($row = @mysql_fetch_array($result))
{
printf("<OPTION VALUE= %s> %s",$row["id_reforde"],$row["descrip"]);
}
@mysql_free_result($result);
printf ("</select>");
?> </td></tr>
<TR><td width="4" style="height: 35px"></td>
<TD class="celda" width="94" style="height: 35px">DESCRIPCION :</TD>
<TD width="581" style="height: 35px" colspan="3">
<textarea rows="2" name="desreforde" cols="70"></textarea></td></tr>

<tr><td colspan="5" height="20" ><hr></td></tr>
<tr><td colspan="5" align="center">
<input type="submit" value=" Guardar" class="bguardar" ></td></tr>
</form>
  #2 (permalink)  
Antiguo 29/06/2011, 16:20
 
Fecha de Ingreso: septiembre-2010
Mensajes: 29
Antigüedad: 13 años, 6 meses
Puntos: 0
Respuesta: Selects Dependientes con Jquery

var elegido=$("#cmb_anio").val();
var elegido2=$("#cmb_periodo").val();
var elegido3=$("#cmb_asignatur").val();
$.post("rutadelarchivo/genera_desreforde.php",
{
anio: elegido,
periodo: elegido2,
asignatura: elegido3,
t: new Date().getTime()
})

Etiquetas: ajax, dependientes, selects
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 20:16.