Jquery使用PHP和MySQL基于一个字段的两个字段

Question

我在MySQL数据库中有一个表，其中包含以下列：名称，地址，职业，phone_number和serial_number。在我的html表单以及其他字段中，我有用于输入姓名，电话号码和序列号的文本字段。我如何使用jQuery自动填充和PHP/MySQL使用序列号字段填充名称和电话号码字段？我设法在一个输入字段上设置自动填充，但我不知道如何将它设置为使用自动填充的字段来填充其他两个字段。由于

这些都是

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

这是我从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); 
?> 

Answer 1

你需要做什么让琴弦PHP脚本，当序列号的自动完成功能完成的字段，运行ajax-call，根据序列号检索名称和电话号码，然后填充这些字段，如下所示：

$('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); 
     }); 
    } 
}); 

显然，您需要根据您的设置更改某些功能和变量名称。

Answer 2

我很欣赏这是一个老问题，但my answer to a similar question就是你所追求的，一个自动完成的结果填充了多个字段。