正如题目中提到的:jquery实现类似于百度自动匹配搜索,首先,我们看一下实现效果:
实现这样的效果并不难,难的是这样的设计理念是不是我们作为软件开发的必备素质。
起初,我的需求是这样的:每一个注册我们高校云平台的学校用户,在输入自己学校全称的同时,要在下拉框中匹配出所有的带有该字样的所有学校名称,一方面核实该学校是否是已在教育部注册的高校,一方面避免用户过多的自己输入,通过选择即可达到自己的要求。
先说一下自己的实现过程。原来印象中看过同学的博客《jquery+ajax实现类似百度搜索自动匹配功能》,所以,当自己真正需要实现这样的一个需求时,直接奔上主题找到了该博客,然后吭哧吭哧的整,博文中提到的方法也是通过引用一个封装好的js就ok,但整体效果实现不是特别简单,而且自己这里老是各种各样的报错,心里老是抱着:人家可以做好,怎么同样代码,自己就不行呢?当时完全把自己给封闭了,已经忘了可以上网看看有没有别的实现方式,就这样吭哧了两个多小时,是在不行,方才上网查这种功能的实现方式,后台的查库功能不难,难的是前台各种js实现,包括:键盘的上下移动,鼠标的各种触发事件等,所以,才决定上网查别的解决方案,最终找到一个相对比较简单,后台也不复杂的解决方式。如下:
后台是直接根据参数查库的,代码如下:
/// <summary>
/// 查找所有匹配的学校名称
/// </summary>
/