通过链接自动完成搜索

列维·约翰逊(Levi Johnson)

因此,我要创建一个学校管理系统,并在“查看学生”页面上,我想要一个自动完成搜索系统,该系统返回一个链接,该链接将链接到另一页

但是它需要浏览一下学生表以获取页面的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)
苏珊·阿洛丁(Sulthan Allaudeen)

您可以有这样的解决方法

第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
}
});

第三步:

成功后,您可以在搜索附近的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>

这是源代码这是演示,我创建了一个演示,该演示适合您的需求;)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章