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

时间:2012-06-05 21:58:27

标签: c# asp.net html

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

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

  1. 数学 - 微积分I
  2. 数学 - 微积分II
  3. 数学 - 概率
  4. 数学 - 微分方程
  5. 数学 - 随机
  6. 科学 - 物理学
  7. 科学 - 生物学
  8. 科学 - 化学
  9. 因此,一旦任何学生开始在搜索栏中输入内容,我想显示他们可能正在寻找的可能搜索项目列表(类似Google)。因此,如果他们输入“Mat”,我想在搜索字段正下方显示包含“Mat”的所有文本的列表 - 再次类似于Google在搜索字段下方显示列表的方式。

    我怎样才能做到这一点?

    提前致谢

2 个答案:

答案 0 :(得分:4)

听起来像是在寻找可以放在客户端的代码。查看jQuery Autocomplete

答案 1 :(得分:2)

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

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

以下是AutoCompleteExtender专门针对的方法: http://www.ajaxtutorials.com/ajax-tutorials/using-autocomplete-in-the-ajax-toolkit/