天天看點

jquery-autoComplete 插件使用

插件引入:

jquery-autoComplete 插件使用

 在網上進行搜尋可以很容易找到這兩個檔案

我們可以下載下傳到本地,放到項目中然後在頁面中引入:

....
<link rel="stylesheet" href="../css/jquery-ui.css" target="_blank" rel="external nofollow"  />
....
....
..
....
<script type="text/javascript" src="../js/jquery-ui.js"></script>
.....
           

使用:

var availableTags = [
                                  
     {label:"****",taxno:'******',bankaccount:"****",addresstel:"****"},
     {label:"AppleScript",taxno:'******',bankaccount:"",addresstel:""},                               
     {label:"Asp",taxno:'************',bankaccount:"",addresstel:""},
     {label:"BASIC",taxno:'************',bankaccount:"",addresstel:""}
                              ];
     $( "#gmfmc" ).autocomplete({
              source: availableTags,
              select: function(event, item){
                         console.log(item);
                      })
     })
           

上面就是整個的插件的使用過程,很簡單,

希望對你有所幫助