使用链接自动完成搜索

时间:2015-06-05 05:34:48

标签: php mysql mysqli autocomplete

因此,我正在创建一个学校管理系统并在视图学生页面上我想要一个自动完成搜索系统,它将返回一个链接到另一个页面的链接

但它需要通过学生表查看获取页面的ID作为其viewrecord.php?id =然后学生ID,以及学生自动完成系统的名称,如何使用mysqli完成?

我之前尝试过,这是没有sql选择,它不适用于链接:

<input type="text" name="srch" id="srch" list="datalist1">
<datalist id="datalist1">
  <option value="Canada">
  <option value="China">
  <option value="Mexico">
  <option value="United Kingdom">
  <option value="United States of America">
  <option value="Uruguay">
</datalist>

类似的东西^^^

The students table is below
id bigint(20), Auto Incrememnt And Primary
first_name varchar(255)
last_name varchar(255)
room varchar(255)
dob varchar(255)
And Finally 
email varchar(255)

1 个答案:

答案 0 :(得分:1)

你可以有这样的解决方法

第1步:

获取文本框中的输入并具有在keyup函数中触发的jquery

$(".search").keyup(function() 
{
//your ajax call here
}

第2步。

在函数内部对另一个查询输入的文件进行ajax调用

$.ajax({
type: "POST",
url: "search.php",
data: dataString,
cache: false,
success: function(html)
{
//your action
}
});

第3步:

成功之后,您可以在搜索附近的div中替换结果

$("#result").html(html).show();

第4步:

search.php内,您可以获取表格和结果的输入和查询,并构建适合您需要的超链接。

即,user.php?id=xyz

这样您就可以轻松导航到该页面

这将使代码类似于

<a href="user.php?id=<?php echo $row['id']?>"><span class="name"><?php echo $username; ?></span>
</a>

Here is the source codehere is the demo我已经为您创建了一个适合您需求的演示;)