Foros del Web » Programando para Internet » Javascript » Frameworks JS »

3 selects con javascript

Estas en el tema de 3 selects con javascript en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/11/2011, 16:34
Avatar de afrodriguez70  
Fecha de Ingreso: octubre-2011
Ubicación: Tulua-Colombia
Mensajes: 44
Antigüedad: 12 años, 6 meses
Puntos: 2
3 selects con javascript

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>&nbsp;<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>&nbsp;<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.
__________________
Si el hombre no ha descubierto nada por lo que morir, no es digno de vivir. <<Martin Luther King>>
  #2 (permalink)  
Antiguo 17/11/2011, 11:30
Avatar de afrodriguez70  
Fecha de Ingreso: octubre-2011
Ubicación: Tulua-Colombia
Mensajes: 44
Antigüedad: 12 años, 6 meses
Puntos: 2
Respuesta: 3 selects con javascript

Bueno ya no lo necesito, gracias, ya me ha servido.......
solo era modificar un poco el javascript aka lo dejo por si a alguien le pasa el mismo problemita q a mi......

<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('#list_Usuarios').html(a);// el resultado de la busqueda la mostramos en #listUsuarios
jQuery('#list_Usuarios').change(function (b) {
var to=document.getElementById("Buscando");
//to.innerHTML="";
var numero =document.getElementById("list_Usuarios").value;
//var users = jQuery(this).attr("userattri");
//var to=document.getElementById("Buscando2");
jQuery.ajax({
type: "POST",
url: "../consulta_rui.php",
data: 'user='+numero+'&user2='+users,
success: function(c) {
jQuery('#listrui').html(c);
//var to=document.getElementById("Buscando2");
}
});
})
.change();
}
});
})
.change();

</script>

y puedes ir agragando mas y mas, eso depende de la cantidad de selects que necesites.
__________________
Si el hombre no ha descubierto nada por lo que morir, no es digno de vivir. <<Martin Luther King>>

Etiquetas: ajax, formulario, javascript, jquery, php, selects
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:07.