mostrar datos en input al seleccionar en un select

[Casper2007]

buenos dias...

espero me puedan ayudar... tengo el siguiente codigo, el que cargo algunos datos en un select, quiero que al seleccionar algunas de las opciones, me muestre en unos input los demas datos tiene ese registro, con este codigo, solo me muestra el valor del select (id_periodo), pero quiero que me muestre los demas datos -no el id-:

Mi Tabla: periodos
id_periodo (autoincr)
per_fechainicial (date)
per_fechainicial (date)
mes (numerico)
Periodo (varchar)

en mi selec solo muestro el periodo, aqui mi codigo:

Código PHP:

  <script type="text/javascript">
$(document).ready(function(){
    $("#cboPeriodo").change(function(){
        var op = $("#cboPeriodo option:selected").val();
        $('#capa').html(op);
    });
});
</script>  
  

Código PHP:

 <table>
  <tr>
  <td>Periodo: </td>
   <?php  
   $link=Conectarse();
   $consulta="SELECT * FROM tperiodos ORDER BY per_fechainicial desc"; 
   $result= mysql_query ($consulta)
   ?>          
    <td><select name="cboPeriodo" id="cboPeriodo">
    <option value="">Seleccione...</option>
     <?php
       while ($fila= mysql_fetch_array($result)){
             echo "<option value='".$fila['0']."'>".$fila['5']."</option>";
        } 
    ?>
    </select>     
    </td>      
      <td><input name="btnAsignar" type="submit" value="Asignar"/></td>
    </tr>
    <div id="capa">
     <tr><td>Fecha Inicial: </td>
          <td><input name="txtfinicial" type="text" size="12" maxlength="15" value="<?php echo $row["per_fechainicial"];?>"/></td>
          <td>Fecha Final: </td>
          <td><input name="txtfifinal" type="text" size="12" maxlength="15" value="<?php echo $row["per_fechafinal"];?>"/></td>
     </tr>
    </div>
</table>  

al cambiar de opcion, deberia de cambiar automaticamente tambien en los input,... gracias....

[Dradi7]

Primero

Si usas jQuery para que usas esto

var op = $("#cboPeriodo option:selected").val();

si solamente puedes realizar esto

var op = $("#cboPeriodo").val();

Segundo ahora para poder mostrar los otros datos debes usar ajax

$.ajax({});

Revisa la documentación de jQuery para que mas o menos te guies

Saludos

[Casper2007]

Iniciado por Dradi7

Primero

Si usas jQuery para que usas esto

var op = $("#cboPeriodo option:selected").val();

si solamente puedes realizar esto

var op = $("#cboPeriodo").val();

Segundo ahora para poder mostrar los otros datos debes usar ajax

$.ajax({});

Revisa la documentación de jQuery para que mas o menos te guies

Saludos

me podria explicar como implementarlo con ajax?

[Dradi7]

Iniciado por Casper2007

me podria explicar como implementarlo con ajax?

Pero no puedes solamente revisar la documentacion de jQuery no te basta con esto nada mas? en tal caso trata de poder primero buscar e implementar y si tienes ya alguna duda de que no te sale entonces postea para poder ayudarte

Saludos

[Casper2007]

Iniciado por Dradi7

Pero no puedes solamente revisar la documentacion de jQuery no te basta con esto nada mas? en tal caso trata de poder primero buscar e implementar y si tienes ya alguna duda de que no te sale entonces postea para poder ayudarte

Saludos

en realidad es lo que hice, lo implemente tal como lo investigue (no es exactamente asi como lo encontre), le hice adecuaciones, solo que no me sale... y disculpa si te ofendi...

[Dradi7]

Entonces si has buscado e implementado trata de poner como lo estas haciendo eso talvez lo hubieras hecho desde el comienzo.

En cuanto a si me ofendiste no tienes que disculparte porque no lo estoy mas bien a veces siempre es bueno aclarar antes las cosas para poder tomar decisiones y hacer reacciones

Saludos

[Casper2007]

de mi codigo antes mencionado.... que le puedo agregra para que en lugar de que me tome el valor ID que traigo en el combo, me muestre otro campo de mi tabla

saludos... y gracias

[Casper2007]

necesito asesoria... para lograrlo, sea por javascript, jquery, o ajax.....

[Casper2007]

aqui esta la solucion por si a algun novato (como yo) le interesa:

Código Javascript:

<script> 
   $(document).ready(function(){
           $('#cboPeriodo').change(function(){
             var id=$('#cboPeriodo').val();
             $('#capa').load('periodos.php?id='+id);
        });    
    });
   </script>
 

un div donde muestro los datos

Código HTML:

<div id="capa">
</div> 

Archivo periodos.php

Código PHP:

  <?php
//aqui la funcion donde se conecta la BD....

$link=Conectar();
$consulta = mysql_query("SELECT * FROM periodos WHERE cve_periodo=".$_GET['id'], $link); 
$row=mysql_fetch_array($consulta); 
$datos = "<table>";
$datos .= "<tr>";
$datos .= "<td>Fecha Inicial: </td>";
$datos .= "<td><input name='txtinicial' type='text' value='" . $row["fechainicial"] . "' readonly/></td>";
$datos .= "<td>Fecha Final: </td>";
$datos .= "<td><input name='txtfinal' type='text' value='" . $row["fechafinal"] . "' readonly/></td>";
$datos .= "</tr>";
$datos .= "</table>";
echo $datos;
?>   

eso es todo... tema solucionado