如何在用户在搜索字段中键入时显示搜索词

本文关键字:搜索 显示 字段 用户 | 更新日期: 2023-09-27 18:36:18

我正在为学生创建一个搜索工具,他们可以根据他们在搜索字段中输入的内容查找课程。

例如。假设我在"课程"表中存储了以下值:

  1. 数学 - 微积分 I
  2. 数学 - 微积分 II
  3. 数学 - 概率
  4. 数学 - 微分方程
  5. 数学 - 随机指标
  6. 科学 - 物理
  7. 科学 - 生物学
  8. 科学 - 化学

因此,一旦任何学生开始在搜索字段中输入内容,我就希望显示他们可能正在寻找的可能搜索项目的列表(例如Google)。因此,如果他们输入"Mat",我想在搜索字段下方显示包含"Mat"的所有文本的列表 - 再次,类似于谷歌在搜索字段下方显示列表的方式。

我怎样才能做到这一点?

提前致谢

如何在用户在搜索字段中键入时显示搜索词

听起来你在寻找可以放在客户端的代码。查看 jQuery 自动完成

Microsoft发布的 AJAX 控件工具包包括一个名为 AutoCompleteExtender 的控件,从个人使用来看,它正是您正在寻找的,它速度快,不需要大量设置。

以下是该工具包的基本信息页面:http://www.asp.net/web-forms/tutorials/ajax-control-toolkit/getting-started/get-started-with-the-ajax-control-toolkit-cs

以下是专门针对自动完成扩展器的操作方法:http://www.ajaxtutorials.com/ajax-tutorials/using-autocomplete-in-the-ajax-toolkit/