Este es el primer formulario incial cuando selecciono el grupo y la fecha por ajax y le doy click llamo el otro formulario por medio de ajax y lo muestra en el <div id='result'>
<html>
<head>
<script language="javascript" src="validaciones/jquery-1.2.6.min.js"></script>
<script language="javascript" src="validaciones/function.js"></script>
<script language="javascript">
$(document).ready(function(){
// Parametros para e combo1
$("#prueba").change(function () {
$("#prueba option:selected").each(function () {
//alert($(this).val());
elegido=$(this).val();
$.post("llenando_horario.php", { elegido: elegido }, function(data){
$("#combo2").html(data);
$("#combo3").html(data);
$("#combo4").html(data);
});
});
})
/* Parametros para el combo2
$("#combo2").change(function () {
$("#combo2 option:selected").each(function () {
//alert($(this).val());
elegido=$(this).val();
$.post("combo2.php", { elegido: elegido }, function(data){
$("#combo3").html(data);
});
});
})*/
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="image/x-icon" href="/imagenes/favicon.ico" rel="shortcut icon"/>
<script language="JavaScript" type="text/javascript" src="validaciones/ajax.js"></script>
<title>Malla de turno</title>
</head>
<body background="imagenes/bg-corporativo.jpg">
<div align="center"><img src="imagenes/banner.PNG" width="1060" height="77"/></div>
<table align="center" bordercolor="#000000" border="1" width="1060" ><td bgcolor="#EBEBEB"><?php include("menu/menu.php"); ?></td></table>
<form name="consulta" action="" onsubmit="mpersonal(); return false;">
<div align="center">
Seleccione la fecha de la malla de turno:
<select name="id_fecha" id="id_fecha">
<?php include ("llenando/llenando_fecha.php"); ?>
</select>
<select name="id_grupo" id="id_grupo">
<?php include ("llenando/llenando_grupo.php"); ?>
</select>
<input type="submit" value="Consultar" />
</div>
</form>
<div id="result"></div>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------
en el otro simplemente muestra los select dependientes y no funcionan
<html>
<head>
</head>
<body>
<select name="prueba" id="prueba">
<? include ('llenando/llenando_horario.php');?>
</select><br>
<select name="combo2" id="combo2">
</select><br>
<select name="combo3" id="combo3">
</select><br>
<select name="combo4" id="combo4">
</select>
</body>
</html>
/---------------------------------------------------------------------------------------------------------------
pero si dejo estos select en la misma pagina si funcionan
<html>
<head>
<script language="javascript" src="validaciones/jquery-1.2.6.min.js"></script>
<script language="javascript">
$(document).ready(function(){
// Parametros para e combo1
$("#prueba").change(function () {
$("#prueba option:selected").each(function () {
//alert($(this).val());
elegido=$(this).val();
$.post("llenando_horario.php", { elegido: elegido }, function(data){
$("#combo2").html(data);
$("#combo3").html(data);
$("#combo4").html(data);
});
});
})
/* Parametros para el combo2
$("#combo2").change(function () {
$("#combo2 option:selected").each(function () {
//alert($(this).val());
elegido=$(this).val();
$.post("combo2.php", { elegido: elegido }, function(data){
$("#combo3").html(data);
});
});
})*/
});
</script>
</head>
<body>
<select name="prueba" id="prueba">
<? include ('llenando/llenando_horario.php');?>
</select><br>
<select name="combo2" id="combo2">
</select><br>
<select name="combo3" id="combo3">
</select><br>
<select name="combo4" id="combo4">
</select>
</body>
</html>