2011-03-03 124 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