Jquery autocompleta dos campos basados ​​​​en un campo usando PHP y MySQL

Tengo una tabla en la base de datos MySQL con las siguientes columnas: nombre, dirección, ocupación, número de teléfono y número de serie. En mi formulario html, entre otros campos, tengo campos de texto para ingresar el nombre, el número de teléfono y el número de serie. ¿Cómo puedo, usando jQuery autocompletar y PHP/MySQL, llenar los campos de Nombre y Número de teléfono usando el campo de Número de serie? Me las arreglé para configurar autocompletar en un campo de entrada, pero no sé cómo configurarlo para completar los otros dos campos usando el único campo que tiene autocompletar. Gracias

estos son los campos

   <input type="text" name="name" id="autocomplete" />
   <input type="text" name="phone_number" id="autocomplete" />
   <input type="text" name="serial_number" id="autocomplete" />

este es mi script php para obtener las cadenas de db

<?php
$dbhost = 'YOUR_SERVER';
$dbuser = 'YOUR_USERNAME';
$dbpass = 'YOUR_PASSWORD';
$dbname = 'YOUR_DATABASE_NAME';

$conn = mysql_connect($dbhost, $dbuser, $dbpass) or die ('Error connecting to mysql');
mysql_select_db($dbname);

$return_arr = array();

if ($conn)
{
    $fetch = mysql_query("SELECT name, phone_number, serial_number FROM users");


    while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
        $row_array['value'] = $row['name'] . " " . $row['phone_number'] " . $row['serial_number'] ";         
        array_push($return_arr,$row_array);
    }


}
mysql_close($conn);
echo json_encode($return_arr);
?>

preguntado el 03 de julio de 12 a las 12:07

agregue algo de código para mostrar lo que ha hecho -

1 Respuestas

Lo que debe hacer es, cuando finalice el autocompletado del número de serie, ejecute una llamada ajax para recuperar el nombre y el número de teléfono según el número de serie y luego complete esos campos, algo como esto:

$('input[name=serial_number]').autocomplete({
    onComplete: function (val) {
        $.getJSON('/url-to-fetch-name-and-phone.php?serial_number=' + val, function (data) {
            $('input[name=name]').val(data.name);
            $('input[name=tel]').val(data.tel);
        });
    }
});

Obviamente necesitará cambiar algunos nombres de funciones y variables dependiendo de su configuración.

Respondido 03 Jul 12, 12:07

Entonces, ¿tengo que hacer otra secuencia de comandos para obtener el nombre y el número de teléfono por separado? - Soy yo, mario

Sí, bueno, hay que manejarlo. en alguna parte. No importa si está en otro archivo o en el mismo. - boya de poder

Lo probé, no funciona... el autocompletado funciona bien, devuelve los valores seleccionados de las tablas, pero no completa los campos deseados. - Soy yo, mario

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.