jquery autocomplete文本自己主動補全

來源:互聯網
上載者:User

標籤:html   delay   java   寫入   jsb   延長   href   UI   ack   

文本自己主動補全功能確實非常有用。

先看下簡單的效果:(樣式不咋會寫)

以下介紹幾種:
1:jqery-actocomplete.js
這個網上有個寫好的執行個體,上面挺具體的,能夠下來執行下就清楚了就不多做解釋
地址:http://download.csdn.net/detail/linlinv3/7744717(假設找不到資源留言找我)
2:jquery-ui.js
jquery-ui.js一般系統中用,所以用這個也比較方便。注意引入包的順序

<link href="jquery/jquery-ui.css" rel='stylesheet' type="text/css"/><script type="text/javasrcipt">jquery/jquery-1.7.1.min.js</script><script type="text/javasrcipt">jquery/jquery-ui.js</script><input type="text" name="address" width="200" /><script type="text/javasrcipt">jQuery(function($)){    $("input[name=address]").autocomplete({delay: 100, //延長多少秒啟用minLength:1, //最小多少個字元觸發autoFocus:true, //是否選中第一個source:function(request,response){var data = new Array();data.pust("ss");//......response(data); //在文本中要提示的資料}        });}</script>個人比較喜歡用ui的,這個資料動態寫入比較方便,能夠在var data那寫ajax等來去資料啥的。上面的還能夠加改樣式<style>.ui-autocomplete{max-height:300px; //顯示框最大高度overflow-y:auto;  //豎向滾動欄overflow-x:auto;  //橫向滾動欄}html.ui-autocomplete{height:100px; }</style>

範例比較簡單個人感覺非常有用。能夠親自己主動手試試,歡迎交流

jquery autocomplete文本自己主動補全

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.