Autocompletado en php????

[pablohgb20]

buenas a todos.
soy nuevo programando en php y no tengo mucha experiencia, estoy haciendo un pagina con conexion a mysql y tengo el siguiente problema.
tengo un select con options los cuales muestran desde la bd con un array

Código PHP:

  echo"<option value='".$res['nombre']."' >".$res['nombre']."</option>";  
   

lo que quiero es que cuando le de click al nombre del desplegable, llene los datos que van a estar en inputs.

llevo dos días tratando diferentes formas aun sin resultados , agrasdeco desde ya sus respuetas.

[abrahamhs]

Usa ajax, en el evento onchange de tu select haces una petición ajax para obtener los datos que necesitas de la base, y ya en javascript los asignas a los inputs. Si el resto de tus datos ya los tienes en el form, no tienes que usar ajax si no solo javascript para hacer las asignaciones.

[pablohgb20]

podrías darme un ejemplo de como hacerlo con ajax?

[xfxstudios]

algo asi:

Código HTML:

<select name="cambia" onChange="busca();">
 
<option value="bla1">Bla 1</option>
<option value="bla2">Bla 2</option>
<option value="bla3">Bla 3</option>
 
</select>
 

Código Javascript:

function busca(){
 
var valor = $("select[name=cambia]").val();
 
        $.ajax({
            url: 'pagina.php?valor='+valor,
            type: 'get',
/*AQUI RECIBIMOS LOS DATOS DESDE PHP*/          
success: function (dato) {
 
/*ANALIZAMOS EL JSON*/
dat = eval('(' + dato + ')');
 
/*CARGAMOS LOS VALOSRES EN LOS INPUTS*/
$("input[name=valorA]").val(dat.nombre);
$("input[name=valorB]").val(dat.dni);
$("input[name=valorC]").val(dat.direccion);
$("input[name=valorD]").val(dat.movil);
 
 
            }
        });
 
 
}
 

El php que emite la respuesta quedaria asi (no todo solo como vas a imprimir la respuesta);

Código PHP:

$info = array();
 
$info['nombre'] = $row['nombre'];
$info['dni'] = $row['dni'];
$info['direccion'] = $row['direccion'];
$info['movil'] = $row['movil'];
 
echo json_encode($info);
 

espero te sirva

[pablohgb20]

a ver si endiendo este es mi codigo en html

<select id="cat" name="cat" onChange="busca();" >

y haho el option por php

while ($res=mysql_fetch_array($respuesta))
{
echo"<option value='".$res['nombre']."') >".$res['nombre']."</option>";
}

solo quiero optiener el id de ese nombre que esta en la bd y mandarlo en un input que esta abajo de esa leccion

[xfxstudios]

Solo coloca el ID donde va el value

Código PHP:

while ($res=mysql_fetch_array($respuesta)) 
{
echo"<option value='".$res['id']."') >".$res['nombre']."</option>";
}
 

Y con este capturas el cambio y envias la consulta a tu php que te va a regresar los datos para colocarlos en los inputs

Código Javascript:

function busca(){
 
var valor = $("select[name=cambia]").val();
 
        $.ajax({
            url: 'pagina.php?valor='+valor,
            type: 'get',
/*AQUI RECIBIMOS LOS DATOS DESDE PHP*/          
success: function (dato) {
 
/*ANALIZAMOS EL JSON*/
dat = eval('(' + dato + ')');
 
/*CARGAMOS LOS VALOSRES EN LOS INPUTS*/
$("input[name=valorA]").val(dat.nombre);
$("input[name=valorB]").val(dat.dni);
$("input[name=valorC]").val(dat.direccion);
$("input[name=valorD]").val(dat.movil);
 
 
            }
        });
 
 
}
 

[pablohgb20]

no puedo cambiar el value porque al guardar en la bd guardaria el id y no el nombre

[xfxstudios]

solo quiero optiener el id de ese nombre que esta en la bd y mandarlo en un input que esta abajo de esa leccion

y eso que escribiste que fue??????

bueno checa esto a ver si es lo que necesitas:

https://jsfiddle.net/xfxstudios/vLr05027/

[pablohgb20]

creo que no me explique bien en esa parte :p
osea tengo un select con opciones desde la bds
tengo un input id
guardar

al seleccionar una opcion del select me muestre en el input el id del nombre que a seleccionado
y si le coloco en value el id me va a guadar el id mas no el nombre

echo"<option value='".$res['id']."') >".$res['nombre']."</option>";

[xfxstudios]

Iniciado por xfxstudios

bueno checa esto a ver si es lo que necesitas:

https://jsfiddle.net/xfxstudios/vLr05027/

Revisaste eso?? creo es lo que necesitas

[pablohgb20]

exacto eso necesito!!!!
para hacer las prueba que mas aparte de los codigos necesito? el jquery?
porque copie como estan ahi y no funciona :(

[xfxstudios]

si debes cargar la libreria jquery

[pablohgb20]

amigo cargue la libreria js aun no me cargan los datos como muestra el ejemplo