1. 程式人生 > >Bootstrap Typeahead 用法

Bootstrap Typeahead 用法

bootstrap Typeahead 用法

例如: <script src= "/jquery-1.7.2.min.js"></script > <script src= "/bootstrap-typeahead.js"></script > <input type= "text"autocomplete="off" id= "address"data-provide="typeahead" data-items="5" /> <script> $(document).ready(function($) { var
 autoTip = new Array();     var list = null; //初始化Typeahead,沒有初始化,後面的呼叫就不起作用     $('#address').typeahead({source: autoTip, updater: function (item) {         //重寫updater,把選中的那個項顯示在指定的文字框中         return item;     }, matcher: function (item) { //重寫matcher,文字框內容改變時,查詢是否有匹配的內容,有則返回true,在這裡可以做一些判斷取值之類的操作。
        return ~item.toLowerCase().indexOf(this .query.toLowerCase());     }}); //再次呼叫Typeahead才會起作用     $("#address").keyup( function(e){         $.post( '', {address: $("#address").val()}, function (data) {             autoTip.length=0;             list = data.list;             $.each(data.list, function
() {                 autoTip.push( this.cantavil);             });          });          $( '#address').typeahead({source: autoTip});     }); }) </script> 還有不懂的,可以加QQ群詳細討論,群號:247466735