亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

優秀的 jQuery 文本輸入框自動完成 & 自動提示

系統 2254 0

文框輸入框的自動完成和自動提示功能可以幫助用戶快速的完成操作,是非常好的產品使用體驗。這里向大家推薦一款優秀的 jQuery 文本輸入框自動完成 & 自動提示插件,幫助你在網站中輕松添加輸入框的自動完成和自動提示功能。

?

在這篇文章中,我們使用? jQuery ?實現智能輸入框光標的位置。它不需要圖像,是使用純粹的? CSS3 ?實現的,而且實時、準確,這意味著你在添加或刪除文本的時候它會自動適應。使用事件代理機制實現,所以不用擔心性能問題。

優秀的 jQuery 文本輸入框自動完成 & 自動提示插件

下載源碼 ? ?? 在線演示

?

主要參數介紹:

  • serviceUrl:Ajax 請求的 URL;
  • lookup:本地數據數組;
  • minChars:觸發自動提示的最小字符數;
  • params:請求的附加參數;
  • formatResult:返回結果的格式化函數;
  • autoSelectFirst:是否自動選中第一個;
  • onSearchStart:搜索開始的回調函數;
  • onSearchComplete:搜索完成的回調函數;
  • tabDisabled:是否禁用 Tab 鍵;

?

使用方法

這個差距的使用非常簡單,下面是 HTML、CSS 和 JavaScript 示例代碼。

HTML 代碼:

      <input type="text" name="country" id="autocomplete"/>
    

?

CSS 代碼:

      .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
    

?

Ajax 查找模式:

      $('#autocomplete').autocomplete({
    serviceUrl: '/autocomplete/countries',
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});
    

?

本地查找模式:

      var countries = [
   { value: 'Andorra', data: 'AD' },
   // ...
   { value: 'Zimbabwe', data: 'ZZ' }
];
 
$('#autocomplete').autocomplete({
    lookup: countries,
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});
    

?

?

本文鏈接: 優秀 jQuery 文本輸入框自動完成 & 自動提示插件

編譯來源: 夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源

?

下載附件: jQuery-Autocomplete-master

優秀的 jQuery 文本輸入框自動完成 & 自動提示插件


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 国产香蕉尹人综合在线 | 亚洲精品国产男人的天堂 | 亚洲综合日韩欧美一区二区三 | 欧美理论在线观看 | 免费视频日韩 | 久久免费资源福利资源站 | 欧美成人久久久免费播放 | 91精品国产免费久久久久久 | 亚洲色图二区 | www.国产一区二区三区 | 国产精品乱码免费一区二区 | 国产午夜在线观看 | 97se亚洲国产综合自在线观看 | 亚洲国产婷婷俺也色综合 | 交专区videossex另类 | 午夜官网 | 一区二区三区成人 | 亚洲日日操 | 欧美毛片免费看 | 中文xxx视频 | 日本在线不卡免费 | 香蕉在线影院 | 成人国产一区 | 四虎国产精品永久一区 | 成人影院在线免费观看 | 纯欧美一级毛片免费 | 九九视频在线播放 | 日韩精品中文字幕一区三区 | 国产女人体一区二区三区 | 欧美性色欧美a在线观看 | 在线播放免费一级毛片欧美 | 97伦理| 久久国产精品只做精品 | 日韩欧美亚州 | 亚洲一在线 | 一区二区三区视频观看 | 成年超爽大片免费视频播放 | 国产成人一区二区 | 97高清| 久久99精品这里精品动漫6 | 欧美日韩高清在线观看一区二区 |