mostrar resultados de busqueda en dos select list

r0xdrig0 · #1 (**permalink**) 16/05/2013, 14:50

Hola amigos, necesito q en un textbox donde realizo la busqueda los resultados de esta se me presenten en dos select list q tengo es decir, tengo una consulta sql de busqueda con LIKE y por ejemplo si yo busco la letra A en el textboxy luego al hacer click en buscar q en el primer select list me aparescan todos los paises q contengan la letra A y en el segundo select list q me aparescan todoas las ciudades q contengan la letra A... como puedo lograr esto en jquery, pq tengo un codigo pero solo me carga un select mi codigo es:

r0xdrig0 · #2 (**permalink**) 16/05/2013, 14:56

html>
<head>
<title>Nueva Ip</title>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#Consultar").click(function(event){
$("#descRepart").val($("#codRepart option:selected").text());
$("#descTipoRepart").val($("#codTipoRepart option:selected").text());

});
});

</script>

<script type="text/javascript">
$(document).ready(function() {

$('#Consultar').click(function(){

$('#Info').html('<img src="./img/anim.gif" alt="" />').fadeOut(100);

var busqueda = $('#searc').val();
var dataString = 'busqueda='+busqueda;

$("#codRepart").load('comboReparticion.php?busqued a='+busqueda);
$("#codTipoRepart").load('comboTipoRepart.php?busq ueda='+busqueda);
var busqueda = $('#searc').attr('value');

$("#descRepart").val($("#codRepart option:selected").text());
$("#descTipoRepart").val($("#codTipoRepart option:selected").text());

});
});
</script>
</head>
<body>
<form name="nueva_ip" action="" onSubmit="enviarDatosIp(); return false">
<h2>Nueva Ip</h2>

<p>
Reparticion
<label>
<select name="codRepart" >

<option value=""</option>

</select>

</label>
</p>

<p>
Tipo Repartición
<label>
<select name="codTipoRepart" id="codTipoRepart">

<option value=""></option>

</select>
</label>
</p>

<p>
<label >
Buscar:   <input name="searc" type="text" id="searc" />  <input type="button" name="Consultar" id="Consultar" value="Consultar" />
</label>
</p>

<p>
<label>
<input type="submit" name="Submit" value="Grabar" id="Grabar" />
</label>
</p>

</form>

<BR /><BR /><div id="Info"></div>

<br><br><br>

<div id="formulario"></div>

<div id="resultado"><?php //include('listarIps.php');?></div>
</body>
</html>
[/HIGHLIGHT]
como tengo q mejorar mi codigo para lograr lo q quiero hacer?? de antemano muchas gracias quedo atentoa sus respuestas bye.

r0xdrig0 · #3 (**permalink**) 20/05/2013, 08:43

Porfavor amigos si alguien me puede guiar, aun no logro cargar los dos combobox al clickear en el boton solo se me carga un combobox y eso q ambos los cargo de la misma forma asi:

Código Javascript:

Ver original$("#codRepart").load('comboReparticion.php?busqueda='+busqueda);
            $("#descRepart").val($("#codTipoRepart option:selected").text());
            
 
$("#codTipoRepart").load('comboTipoRepart.php?busqueda='+busqueda);
            $("#descTipoRepart").val($("#codTipoRepart option:selected").text());

y solo me carga el combo codTipoRepart y eso q ambos los cargo de la misma manera porfavor amigos agradeceria su ayuda/guia estoy hace dias tratando de dar con la solucion pero nada, de antemano gracias quedo atento a sus comentarios...

alexg88 · #4 (**permalink**) 20/05/2013, 13:10

Buenas,

Lo primero es mirar si la página comboReparticion.php está devolviendo algo (que es la que te está dando problemas).

Lo segundo, tienes algún error menor en el código, por ejemplo, tienes dos veces document.ready (se puede, pero no le veo mucho sentido). Además estás duplicando código que ya se realiza en otro sitio.

Otros errores:

Código Javascript:

Ver original$("#codRepart").load('comboReparticion.php?busqueda='+busqueda,
                    function()
                    {
                      $("#descRepart").val($("#codRepart option:selected").text());
                    });  
 
$("#codTipoRepart").load('comboTipoRepart.php?busqueda='+busqueda,
                        function()
                        {
                            $("#descTipoRepart").val($("#codTipoRepart option:selected").text());
                        });

La asignación de la descripción tienes que hacerlo en el callback (porque la carga es asíncrona).

Un saludo.