Tengo un codigo en el cual uso DOm de javascript para crear filas en los cuales, tambien se crean select (combos) que deberia ser dependientes.
MI PROBLEMA:Se agregan bien el primer select, pero el segundo select no es dependiente de este primer select...
Aqui esta mi codigo:
Esta es la funcion que me crea los campos
=============================
function crearCampos(){
var cont = document.getElementById("cont");
var filas = document.getElementById("filas");
cont.setAttribute("value", parseInt(cont.value,0)+1);
var tabla = document.getElementById("contenido").tBodies[0];
var fila = document.createElement("TR");
fila.setAttribute("align","center");
var celda1 = document.createElement("TD");
var sel = document.createElement("SELECT");
sel.setAttribute("size","1");
sel.setAttribute("name","cmbfacultad");
sel.setAttribute("id","cmbfacultad");
<?php
co();
$query="SELECT * FROM facultades";
$res=mysql_query($query);
while ($rows=mysql_fetch_array($res)) {
extract($rows);
echo "opcioncur = document.createElement('OPTION');";
echo "opcioncur.innerHTML = '".$facultad."';";
echo "opcioncur.value = '".$idfacultad."';";
echo "sel.appendChild(opcioncur);";
}
de();
?>
celda1.appendChild(sel);
var celda2 = document.createElement('TD');
var sel = document.createElement('SELECT');
sel.setAttribute('size','1');
sel.setAttribute('name','cmbescuela');
sel.setAttribute('id','cmbescuela');
celda2.appendChild(sel);
var celda5 = document.createElement('TD');
var boton = document.createElement('INPUT');
boton.setAttribute('type','button');
boton.setAttribute('value','borrar');
boton.onclick=function(){borrarFila(this);}
celda5.appendChild(boton);
fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda5);
tabla.appendChild(fila);
}
function borrarFila(button){
var fila = button.parentNode.parentNode;
var tabla = document.getElementById('contenido').getElementsBy TagName('tbody')[0];
tabla.removeChild(fila);
}
=========================================
ESTE ES EL SCRIPT QUE DEBERIA HACER MIS COMBOS DEPENDIENTES
<script language="javascript" src="jquery-1.3.2.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#cmbfacultad").change(function () {
$("#cmbfacultad option:selected").each(function () {
ele=$(this).val();
$.post("escuelas.php", { ele: ele }, function(data){
$("#cmbescuela").html(data);
});
});
})
$("#cmbfacultad").change(function () {
$("#cmbfacultad option:selected").each(function () {
ele=$(this).val();
$.post("dependencias.php", { ele: ele }, function(data){
$("#cmbdependencia").html(data);
});
});
})
});
</script>
ESTA ES LA PAGINA ESCUELA QUE SE LLAMA EN EL CODIO ANTERIOR
================================================== =====
ESCUELAS.php
<?php
include 'conexion.php';
$consulta = "select * from escuelas where idfacultad = '$_POST[ele]'";
$resultado = mysql_query($consulta);
if($fila=mysql_fetch_array($resultado)){
do{
echo "<option value=".$fila['idescuelas'].">".$fila['escuela']."</option>";
}while($fila = mysql_fetch_array($resultado));
}
mysql_free_result($resultado);
?>
=========================================
AGRADECERIA MUCHISIMO SU AYUDAAAAAAAAAAA-
