Jquery使用PHP和MySQL基于一个字段自动完成两个字段
Jquery autocomplete two fields based on one field using PHP and MySQL
我在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" />
这是我的 PHP 脚本,用于从数据库获取字符串
<?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);
?>
您需要
做的是,当序列号的自动完成完成后,运行 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);
});
}
});
显然,您需要根据您的设置更改一些函数和变量名称。
相关文章:
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 同一页面上两个不同控制器的Angularjs双向绑定字段
- 我可以在Dynamics CRM 2016的复合地址字段中添加两个选项字段吗
- 在两个多选字段之间移动选项
- 我如何获得这个javascript来计算两个监听器字段作为价格
- 如何使用jquery将两个字段组合为下拉菜单中的选项
- 比较两个输入字段
- Angularjs 通过选择不同选择框中的两个字段来填充选择框
- 从一个套接字发出两个事件
- MongoDB聚合将两个不同的字段合并为一个并获取计数
- 在 JavaScript 中计算两个输入字段值
- 使用Join,要求两个字段中的一个字段为非空
- 如何计算mongodb中两个集合中一个字段的不同值的数量
- jquery自动更新两个选择字段
- 谷歌地图API JS-放置两个组合字段的自动完成
- 设置分类法字段多个值
- 如何接收“隐藏字段”第二个jsp中的值
- 在Mongoose / MongoDB中创建多字段(2个以上)索引
- 必填字段两个字段之一
- 套接字.等待两个玩家都选择了答案的IO事件