2011-03-03 106 views
0

我有一个搜索文本框,我必须实现搜索建议(如谷歌搜索)种功能。搜索建议缓存javascript

例如,如果我在搜索框中键入 “ABC”,我会像
ABC高清
XYZABCXYZ

建议,在这里每一种独特的建议表示一个jsp页面,其url可以在java脚本数组中被“硬编码”。所以当我点击任何建议值时,就会显示相应链接的网页。

对此,你能否建议我实现这一点的任何有效方法。
这必须是纯JavaScript,没有第三方库如jQuery等,可提前使用

感谢。

+0

绝大多数暗示性搜索实现使用AJAX和服务器端脚本。为什么使用硬编码的JS Array很重要? – Shad 2011-03-03 06:56:00

+0

你想使用AJAX,或者你想在PHP中加载页面时创建硬编码的JS数组吗? – 2011-03-03 07:07:52

+0

,因为在这种情况下,将在提示下拉菜单中显示的值列表是已知的,并且它永远不会改变。 – kanap008 2011-03-03 07:09:02

回答

1

假设你的数据在associative JS array与此类似

var locationArray = { 
    'searchValue1' : 'url1', 
    'searchValue2' : 'url2', 
     ... 
}; 

和搜索输入字段具有关联onkeyup

<input type="text" onkeyup="UpdateSuggestions(this);"> 

一个函数,那么剩下的就是简单JavaScript string functions