Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2011, 10:47
zeichen
 
Fecha de Ingreso: diciembre-2006
Mensajes: 20
Antigüedad: 18 años
Puntos: 0
Select dependientes al crear nuevos campos

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-

Última edición por zeichen; 19/05/2011 a las 12:33