tengo una duda espero que me la puedan aclarar. Tengo 2 archivos de listas desplegables de 3 niveles y 1 de 2 niveles, cada uno de estos archivos tiene otros archivos(procesa y el archivo de ajax) sus datos se llenan de los datos de una base de datos, estos archivos individualmente funciona bien. Entonces puse en una archivo o pagina las 2 listas desplegables de 3 niveles y el 2 niveles, en ese mismo archivo inclui los tres archivos archivos de ajax y al ejecutar la pagina solo esta funcionando la ultima lista desplegable de 2 niveles, estuve haciendo algunas pruebas el primer archivo de ajax y funciona el primer select, quite el primer y ultimo archivo de ajax y me funciona el segundo select de 3 niveles.
entonces puse en un mismo archivo de ajax el contenido de los otros 2 archivos y tampoco funciona. les dejo el codigo que estoy utilizando.
prueba.php es el principal
select_dependientes_3_niveles_proceso.php--select_dependientes_3_niveles.js
extraproceso.php--extra.js
refproceso.php--ref.js
Código PHP:
<html>
<head>
<title>prueba de select dependientes</title>
</head>
<link href="estilo/fondo.css" rel="stylesheet" type="text/css" />
<link href="estilo/main.css" rel="stylesheet" type="text/css"/>
<script src="estilo/validacion_campo_vacio.js" type="text/javascript"></script>
<link href="estilo/Estilo_Error.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="select_dependientes_3_niveles.css">
<script type="text/javascript" src="select_dependientes_3_niveles.js"></script>
<script type="text/javascript" src="extra.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Registrar Cliente</title>
<style type="text/css">
<!--
.Estilo1 {color: #0066CC;
font-family: Papyrus;
}
.Estilo2 {font-family: Papyrus}
-->
</style>
<body>
<DIV class="TabbedPanelsContentGroup">
<p> </p>
<table width="142%" border="0" align="center">
<tr>
<th background="images/cabezaven.gif"><p class="Estilo1"><font size="+2"><p> </p><font color=blue><p> </p></font></p><br/>
</th>
</tr>
</table>
<p> </p>
<table width="88%" cellspacing="5" cellpadding="0" align="center" bordercolor="#545454" border="3><center>
<tr>
<th class="menumain">
<th bgcolor="#8E2323"><font color="white"><center>Clave</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Tamaño</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Precio</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Tipo Extra</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Opcion Extra</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Extra</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Refresco</font></center></th>
<th bgcolor="#8E2323"><font color="white"><center>Precio Refresco</font></center></th>
</tr>
<tr>
<th bgcolor="#E6E8FA"><label><?php
function generaSelect()
{
include 'conexion.php';
conectar();
$consulta=mysql_query("SELECT id, opcion FROM select_1");
desconectar();
// Voy imprimiendo el primer select compuesto por los paises
echo "<select name='select1' id='select1' onChange='cargaContenido(this.id)'>";
echo "<option value='0'>Elige</option>";
while($registro=mysql_fetch_row($consulta))
{
echo "<option value='".$registro[0]."'>".$registro[1]."</option>";
}
echo "</select>";
}
?><?php generaSelect(); ?></label></th>
<th bgcolor="#E6E8FA"><label><select disabled="disabled" name="select2" id="select2">
<option value="0">Selecciona opción...</option>
</label></select></th>
<th bgcolor="#E6E8FA"><label><select disabled="disabled" name="select3" id="select3">
<option value="0">0</option>
</label></select></th>
<th bgcolor="#E6E8FA"><label><?php
function generaSelect2()
{
mysql_connect("localhost", "root", "matrix");
mysql_select_db("pizza");
$consulta2=mysql_query("SELECT id, opcion FROM select_4");
desconectar();
// Voy imprimiendo el primer select compuesto por los paises
echo "<select name='select4' id='select4' onChange='cargarcontenido(this.id)'>";
echo "<option value='0'>Elige</option>";
while($registro2=mysql_fetch_row($consulta2))
{
echo "<option value='".$registro2[0]."'>".$registro2[1]."</option>";
}
echo "</select>";
}
?><?php generaSelect2(); ?>
</label></th>
<th bgcolor="#E6E8FA"><label><select disabled="disabled" name="select5" id="select5">
<option value="0">Selecciona opción...</option>
</label></select></th>
<th bgcolor="#E6E8FA"><label><select disabled="disabled" name="select6" id="select6">
<option value="0">0</option>
</label></select></th>
<th bgcolor="#E6E8FA"><label><?php
function generaPaises()
{
mysql_connect("localhost", "root", "matrix");
mysql_select_db("pizza");
$consulta3=mysql_query("SELECT id, opcion FROM select_7");
desconectar();
// Voy imprimiendo el primer select compuesto por los paises
echo "<select name='select7' id='select7' onChange='cargaContenido(this.id)'>";
echo "<option value='0'>Elige</option>";
while($registro3=mysql_fetch_row($consulta3))
{
echo "<option value='".$registro3[0]."'>".$registro3[1]."</option>";
}
echo "</select>";
}
?><?php generaPaises(); ?>
</label></th>
<th bgcolor="#E6E8FA"><label><select disabled="disabled" name="select8" id="select8">
<option value="0">Selecciona opción...</option>
</label></select></th>
<p>
<input type="submit" class="boot" name="guarda" value="GUARDAR VENTA" />
<input name="limpiar" class="boot" type="reset" value=" LIMPIAR " />
</p>
</center>
</form>
<center>
<p>
<a href="realizarventa.php"><img src="images/back.png"> Ir Menu </a>
</p>
</center>
<p> </p>
</div>
</body>
</html> 
