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

優秀的 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條評論
主站蜘蛛池模板: 少妇美女极品美軳人人体 | 亚洲精品一区二区三区四区手机版 | 欧美一级永久免费毛片在线 | 久久视频免费观看 | 久草加勒比 | 看黄色免费网站 | 狠狠干天天干 | 亚洲精品美女国产一区 | 国产一区亚洲一区 | 青青热在线观看视频精品 | 国产精品视频成人 | 国产五月婷婷 | 正在播放亚洲一区 | 成年男女免费视频观看性 | 久久久青草青青国产亚洲免观 | 久久99精品久久久久久三级 | 在线视频综合视频免费观看 | 国产高清国内精品福利99久久 | 亚洲91| 高清欧美一级在线观看 | 国产爱v | 国产综合欧美日韩视频一区 | 国产免费一区二区三区免费视频 | 亚洲欧美在线视频免费 | a毛片免费播放全部完整 | 91久久免费视频 | 青青久久国产成人免费网站 | 国产99热在线观看 | www.久久爱 | 99视频精品全部国产盗摄视频 | 99色在线播放 | 亚洲色啦啦狠狠网站 | 久久成人午夜 | 国产极品嫩模在线观看91精品 | 久久久国产99久久国产首页 | 日本视频中文字幕 | 国产精品爱久久久久久久9999 | 久草丁香| 手机看高清特黄a大片 | 久久草在线视频观看 | 婷婷综合激情 |