entiendo tu duda. te dare un ejemplo con un codigo que me funciona a la perfeccion
mira, primero, para que el formulario se recargue con la informacion que elijas del select box. tienes que poner la funcion onChange dentro del select y llamar a una funcion javasctipt que luego llamaras, en este caso yo hice una funcion cargar()
este es mi select y lo estoy llenando directamente con una consulta a mi base de datos
Código HTML:
<select name="mascota" class="campos" id="mascota" onChange="cargar()">
<option value="0">Selecciona la mascota</option>
[PHP] <?php
$consulta="select idM, nombreM from mascota where id='".$var."'";
$result=$conexion->query($consulta) or
die ("fallo la consulta".$consulta);
while ($fila=mysqli_fetch_row($result)){
echo "<option value='".$fila['0']."'>".$fila['1']."</option>";
}
?>[/PHP]
</select>
este es mi script o codigo javascript que se puede colocar si quieres al final o al comienzo de body
Código:
<script>
function cargar(){
var idM=document.formEditM.mascota.value;//guarda el valor del select
$.ajax({
url : 'procesarAjax8.php', //pagina q me traera los datos
data : { id:idM}, //envio el valor de select a procesarAjax8
type : 'GET',
dataType : 'json',
success : function(json) { //json almacena el echo de procesarAjax8
//asi lleno el formulario, formEditM es el name e id de mi formulario
//luego del punto le pones el id del input que deseas poner la informacion traida con
// JSON
document.formEditM.nombre.value=json.nombreM;
document.formEditM.sexo.value=json.sexo;
document.formEditM.raza.value=json.raza;
document.formEditM.color.value=json.color;
document.formEditM.datepicker.value=json.fnac;
document.formEditM.tipoM.value=json.tipoM;
},
error : function(jqXHR, status, error) {
//Si ocurre un error
}
});
};
</script>
y este es el codigo que hay en procesarAjax8 que si te das cuenta lo llamo desde la funcion ajax.
Código PHP:
<?php
$id=$_GET['id'];
require_once('conexion.php');
include_once 'metodos.class.php';
$metodo= new metodos();
$data=array();
$data['nombreM']=implode(" ",$metodo->buscar("mascota","idM='$id'","nombreM"));
$data['sexo']=implode(" ",$metodo->buscar("mascota","idM='$id'","sexo"));
$data['raza']=implode(" ",$metodo->buscar("mascota","idM='$id'","raza"));
$data['color']=implode(" ",$metodo->buscar("mascota","idM='$id'","color"));
$fn=implode(" ",$metodo->buscar("mascota","idM='$id'","fnac"));
$data['tipo']=implode(" ",$metodo->buscar("mascota","idM='$id'","tipo"));
$f= explode('-',$fn);
$fech=$f[2].'-'.$f[1].'-'.$f[0];
$data['fnac']=$fech;
echo json_encode($data); //esto es enviado al success de la funcion ajax
?>
espero que te haya ayudado