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

優秀的 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條評論
主站蜘蛛池模板: 精品无码久久久久久久动漫 | 精品中文字幕一区二区三区四区 | 成 人 黄 色 大 片全部 | 性欧美视频a毛片在线播放 性欧美视频在线观看 | 一个色中文字幕 | 成年女人免费看一级人体片 | 日本三级日本三级人妇三级四 | 手机看片国产精品 | 久热官网 | 久久久窝窝午夜精品 | 激情婷婷网 | 国产资源精品一区二区免费 | 波多野结衣 一区二区 | 久青草国产免费观看 | 日韩成人精品视频 | 桃色视频在线观看 | 四虎影院最新地址 | 国产亚洲精品自在久久不卡 | 亚洲天堂2015| 国产啪爱视频精品免视 | 天天干影院 | 色婷婷亚洲综合 | 天天夜夜狠狠 | 色视频国产 | 天天做天天爱夜夜想毛片 | 天天色综合天天 | 一级免费看片 | 狠狠色噜噜狠狠狠狠五月婷 | 99视频精品全部 在线 | 瑟瑟在线观看 | 亚洲免费福利 | 成年黄网站免费大全毛片 | 日韩欧美国产一区二区三区四区 | 成人免费淫片免费观看 | 国产精品久久久久久久久久免费 | 天天碰天天摸天天操 | 国产精品每日更新 | 亚洲视频在线网站 | 久久久综合九色合综 | 国产中文字幕免费 | 一区二区三区免费视频观看 |