Como cambiar el valor de un Label a partir del onchange de un Select con JQuery

[ljbautista]

Hola que tal, bueno realmente no se mucho JQuery asi que espero me ayuden un poco :)

Tengo el siguiente código para cargar datos en un Select a partir de otro Select:

HTML

Código HTML:

<select name="select1" id="select1">
    <option value="0">Selecciona</option>
    <option value="1">Opcion 1</option>
    <option value="2">Opcion 2</option>
    <option value="3">Opcion 3</option>
    <option value="4">Opcion 4</option>
</select>
 
<select name="select2" id="select2">
 
</select> 

Con JQuery

Código:

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="JavaScript" type="text/JavaScript">
    $(document).ready(function(){
        $("#select1").change(function(event){
            var id = $("#select1").find(':selected').val();
            $("#select2").load('genera-select.php?id='+id);
        });
    });
</script>

Y un archivo PHP

Código PHP:

  <?php
 
    $dbh = mysql_connect("localhost", $user, $pass);
    $db = mysql_select_db($bbdd);
 
    $consulta = "SELECT * from tabla WHERE id_padre = ".$_GET['id'];
    $query = mysql_query($consulta);
    while ($fila = mysql_fetch_array($query)) {
        echo '<option value="'.$fila['id'].'">'.$fila['nombre'].'</option>';
    };
 
?>   

Pues esto funciona de maravilla, pero en mi caso, la consulta solo va a regresar un solo valor y necesito mostrarlo en un text o un label, pero ya lo intente y no queda, oajala alguien pueda ayudarme.

Aqui hay un ejemplo de los selects dependientes:
http://pixelar.me/demos/selects-dependientes-jquery/

Aqui encontre el sript:
http://pixelar.me/selects-dependientes-con-jquery/

Como hago para mostrar el resultado de mi consulta en un Label o Text con JQuery???

De antemano muchas gracias :(

Salu2

[ljbautista]

Hola Bueno, he estado investigando mas y ya reduje el problema un poco:

Al parecer todo esta en el JQuery:

Al parecer la función load lo que hace es incrustar la pagina .php y me funciona si en ves de actualizar un input lo hago en un div:

Código Javascript:

$("#div_txt").load('genera.php?id='+id); //Esto si funciona con un DIV
 

Donde div_txt es un DIV no un Input.

Y para actualizar un Input si funciona poniendo la función val y entre comillas el texto:

Código Javascript:

$("#input_text").val("texto estatico")
 

Lo que he intentado es poner el load en el val o ver si el val tiene load:

Código Javascript:

$("#input_text").val(load('genera_costo.php?idc='+idc)); //No funciona
            
$("#input_text").val().load('genera-select.php?idc='+idc); //No funciona
 

Ya tengo el resultado de mi query con el load.
Y ya se como cambiar el value de un input.

Pero no se como actualizar el input con lo que me regresa el query con el load :S

Por fa ayuda :(

[ljbautista]

Bueno me contesto a mi mismo jejeje pero lo pongo por si alguien mas le pasa :P

Se soluciono asi:

El JQuery

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
    
    $(document).ready(function(){
        $("#cbox").change(function(event){
 
            var id = $("#cbox").find(':selected').val();
 
            $.get('genera.php',{'id':id},function(result){ $('#input_txt').val(result)})
 
        });
    });
</script>
 

genera.php

Código PHP:

<?php
//...
mysql_select_db(...);
$query  = "SELECT campo FROM tabla where id=".$_GET['id'];
$q      = mysql_query($query) ;
$rows_q = mysql_fetch_array($q);
mysql_data_seek($q,0);
while($rows_q = mysql_fetch_array($q))
{
    echo $rows_q['campo'];
}
?>
 

HTML

Código HTML:

<select id="cbox" name="cbox">
         <option value="1">1</option>
         <option value="2">2</option>
         <option value="3">3</option>
</select>
 
<input type="text" name="input_txt" id="input_txt">
 

Aunque nadie me contesto de todas maneras les agradesco por todas la veces que me han ayudado ;)

Gracias a @josearizaga de Twitter que me ayudo a solucionar, todo el crédito para él por que yo soy re piedra para Jquery y Ajax :P

Salu2