带链接的自动完成搜索答案

【问题标题】：Autocomplete Search With Link带链接的自动完成搜索
【发布时间】：2015-08-19 23:03:20
【问题描述】：

所以我正在创建一个学校管理系统，并在查看学生页面上我想要一个自动完成搜索系统，它返回一个链接，该链接将链接到另一个页面

但是它需要通过学生表来获取页面的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)

【问题讨论】：

所以，在你的结果中构建一个链接 ;)
@SulthanAllaudeen 是的，它产生一个链接，没有搜索按钮，所以它与数据库中的所有 id 建立一个链接，所以说 jeff 的 id 是 6，如果我搜索，michaels 是 4杰夫，链接将转到 viewrecord.php?id=6
是的，你可以做到。你需要我帮忙吗？
@SulthanAllaudeen 知道如何做会很有帮助:)，所以请
谢谢@SulthanAllaudeen 我一直在寻找这个，但我还没有弄清楚

标签： php mysql mysqli autocomplete

【解决方案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 code 和 here is the demo 我已经为您创建了一个适合您需求的演示 ;)

【讨论】：