2011-04-12 113 views
-1

任何機構可以告訴我步驟來使用它,在那裏我可以得到這個自動填充文本搜索

+0

號除非你提供更多的信息。 (哪裏使用它在什麼數據爲此目的...) – 2011-04-12 12:11:25

+0

有jQuery UI解決方案http://jqueryui.com/demos/autocomplete/ – 2011-04-12 12:13:08

+0

鍵入'google.com'到您的瀏覽器地址欄然後'javascript autocomplete ' – 2011-04-12 12:14:34

回答

0

一個很好的解決方案簡單的例子是jQuery用戶界面自動完成構件:

http://jqueryui.com/demos/autocomplete/

它可以使用一個簡單的數組或ajax調用作爲數據源。

+0

感謝geon已經看到這段代碼可以請告訴我如何從我的數據庫中使用jsp提取數據 – vijauuu 2011-04-12 12:22:46

1

是,請按照下列步驟

  1. 下載從herejquery.ui庫。 jquery附帶它。

  2. 鏈接jQuery庫<script src="jquery-someversion.js"></script>

  3. 鏈接<link href="jquery.ui.someversion.css" rel="stylesheet"/>

  4. 鏈接jQuery UI的libarary <script src="jquery.ui.someversion.js"></script>

  5. 代碼的其餘部分給here。只需點擊View Source鏈接,你會發現它。

查看源代碼

enter image description here

從一些網址

$('#autocomplete').autocomplete({ 
     source  : 'someurl.php' 
    }); 

和一些URL,您可以用參數和打印自動完成數據查詢您的數據庫將顯示在您的自動完成中。

+0

查看源代碼experimentX – vijauuu 2011-04-12 12:26:50

+0

@vijauu參見更新圖片 – 2011-04-12 12:27:26

+0

如何使用它訪問我的數據庫元素並顯示在文本框 – vijauuu 2011-04-12 12:31:58