主文件HTML:
<div> <div>
Type your county (for the demo): <input size="30" id="inputString" onkeyup="lookup(this.value);" type="text" />
</div> <div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="upArrow.png" style="position: relative; top: -12px; left: 30px" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</div>
這是主文件的部分html代碼,你需要添加的就是一個(gè)輸入框,并且把 ‘onkeyup’ 函數(shù)設(shè)置為lookup(this.value)。另外,我建議你不要修改它的ID,如果你不想修改上面的Javascript代碼的話。
截圖:
我想你應(yīng)該會(huì)想要看看最后的效果是什么樣子,OK。
還有,
最后就是有用的鏈接了,我想你應(yīng)該期待很久了。
演示: Auto Complete Demo 源文件:AutoComplete Source ZIP
本文鏈接:http://m.95time.cn/tech/program/2008/5475.asp
出處:譯言
責(zé)任編輯:bluehearts
上一頁(yè) 搜索自動(dòng)提示功能的實(shí)現(xiàn) [2] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|