Buenas tardes
Soy un joven iniciando en el mundo de la programacion y me e topado con un problema, tengo un formulario en el cual hay tres selects
- Departamento
- Empleado
- Rui (es una identificacion de los articulos del empleado.)
Entonces lo que pasa es lo siguiente, cuando se selecciona un departamento, automaticamente me carga los empleados de este departamento, hasta hay va todo bien, pero cuando me carga los empleados, necesito que empiece a cargar los ruis de ese empleado, cosa que no esta pasando.
este es el codigo de los selects:
<td width="36%"><div align="left"><strong>Dependencia:</strong></div></td>
<td width="64%"><?php echo "
<select name='departamento' id='slct_departamento' departattri=''>
<option value='' selected='selected'>Seleccione su Area</option>";
//consulta para obtener la lista de las areas
$B_BUSCAR= mysql_query ("SELECT * FROM departamento order by nombre asc",$link);
$R_BUSCAR=mysql_fetch_assoc($B_BUSCAR);//array con los resultados de la consulta
$C_BUSCAR=mysql_num_rows($B_BUSCAR);//nos indica el total de resultados que arrojo la consulta
do{
echo "<option value='".$R_BUSCAR['nombre']."'>".$R_BUSCAR['nombre']."</option>";//obtine los datos de la consulta y los inserta en el select
}while($R_BUSCAR=mysql_fetch_assoc($B_BUSCAR));//ejecuta el siclo mientras la consulta tenga resultados
echo "</select> <span id='Buscando'></span> </td>";
?></td>
</tr>
<tr>
<td><div align="left"><strongEmpleado:</strong></div></td>
<td><label for="listUsuarios"></label><? echo "
<select name='listUsuarios' id='listUsuarios' userattri=''>
<option value='' selected='selected'>Seleccione su Nombre</option>
</select> <span id='Buscando2'></span>"; ?></td>
</tr>
<tr>
<td><strong>Rui CPU a la que se asigno: </strong></td>
<td><label for="listrui"></label>
<select name="rui" id="listrui">
<option value="" selected="selected">Seleccione rui</option>
</select></td>
</tr>
bueno esos son los selects, este es el codigo javascript que es creo el causante de mis problemas...
<script>//escript para realizar la consulta del area seleccionada (devuelve el nombre de los usuarios de esa area)
jQuery('#slct_departamento').change(function () {
var numero =document.getElementById("slct_departamento").valu e; // valor de la id del area
var users = jQuery(this).attr("departattri"); // este es el atributo que nos ayuda a encontrar los usuarios cuando modificamos el contenido
var to=document.getElementById("Buscando");
jQuery.ajax({
type: "POST", //nos indica el metodo que usamos para enviar los datos
url: "../consulta_usuarios.php",//nos indica a donde van dirigidos los datos para hacer la consulta
data: 'idnumero='+numero+'&iddepart='+users, // enviamos la id del departamento + la id del usuario
success: function(a) {
jQuery('#listUsuarios').html(a);// el resultado de la busqueda la mostramos en #listUsuarios
var to=document.getElementById("Buscando");
//to.innerHTML="";
}
});
})
.change();
</script>
<script>
jQuery('#listUsuarios').change(function (b) {
var numero =document.getElementById("listUsuarios").value;
var users = jQuery(this).attr("userattri");
var to=document.getElementById("Buscando2");
jQuery.ajax({
type: "POST",
url: "../consulta_rui.php",
data: 'user='+numero+'&iddepart='+users,
success: function(c) {
jQuery('#listrui').html(c);/
var to=document.getElementById("Buscando2");
//to.innerHTML="";
}
});
})
.change();
</script>
espero porfavor me puedan ayudar aclara mis dudas, y sobre todo haber cual es el error que estoy cometiendo.