首頁 >web前端 >js教程 >怎樣使用juqery-ui完成聯想查詢的功能

怎樣使用juqery-ui完成聯想查詢的功能

不言
不言原創
2018-07-28 11:03:091363瀏覽

這篇文章給大家介紹的文章內容是關於怎樣使用juqery-ui完成聯想查詢的功能 ,有很好的參考價值,希望可以幫助到有需要的朋友。

最近公司的專案有個需求,需要使用聯想查詢功能。
就是一個文字輸入框,在輸入的時候取得值去後端模糊查詢然後按照列表顯示在下面。
效果如下圖:

怎樣使用juqery-ui完成聯想查詢的功能

經過搜尋找到這個插件,查閱資料可以完成這個功能,
即可以實作靜態數據,也可以完成動態抓取顯示。
使用方法如下:
(1)引入jquery-ui文件,當然還有jquery文件
 (2)定義一個input標籤
導入程式碼即可

##