使用jQuery-UI來實現一個Ajax的自動完成功能(自動填充搜索框的下拉值)


首先你要在.net拓展包中去搜索  jquery ui (Combined Libray)安裝這么個文件

 

第二部   在控制器中添加我們根據輸入搜索框的值獲取符合的記錄集的action

 

第三步  有了數據集,就該去畫我們的頁面了

第四步  修改我們的js文件

 

具體效果就是這樣的 如圖:(不知道為什么我的ui樣式有點丑)

 

 但是這樣 還需要選擇某一項,再點擊搜索,很繁瑣的。。。我們想實現選中之后 直接得到搜索頁

第五步  再次修改我們的js文件

 

這樣就實現了你一選,然后就出現了搜索結果,一步到位。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2024 CODEPRJ.COM