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

優秀的 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條評論
主站蜘蛛池模板: 国产欧美亚洲精品第一区 | 激情福利网 | 国产一区免费视频 | 天天婷婷 | 999精品视频在线 | 狠狠色综合网 | 亚洲一级毛片免观看 | 日日操日日舔 | 久久99精品久久只有精品 | 天天干天天操天天操 | 爱久久www.35669 | 青青草久热精品视频在线观看 | 国产成人午夜 | 伦理片一区 | 免费看国产片 | 国产高清精品久久久久久久 | 国产高清在线精品二区一 | 国产精品视频一 | 日本精品a在线 | 精品国产一区二区三区在线观看 | 国产目拍亚洲精品一区麻豆 | 国产成人综合亚洲欧洲色就色 | 免费在线观看一级片 | 国产精品一区高清在线观看 | 四虎影视国产精品亚洲精品hd | 人人骚 | 欧美人一级淫片a免费播放 欧美人与zoxxxx另类9 | 日韩欧美精品中文字幕 | 天天色操 | 一级a俄罗斯毛片免费 | 2020久久精品国产免费 | 韩日中文字幕 | 久久综合免费视频 | 中文字幕在线视频精品 | 国产精品久久亚洲不卡动漫 | 国产亚洲一区呦系列 | 人成在线免费视频 | 日本一区二区三区不卡在线视频 | 97天天做天天爱夜夜爽 | 亚洲观看视频 | 日韩视频久久 |