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

優秀的 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條評論
主站蜘蛛池模板: 欧美一级二级aaa免费视频 | 爱操综合 | 天天操天天摸天天射 | 国产91福利在线精品剧情尤物 | 久久免费视频6 | 亚洲国产精品久久久久666 | 福利影院第一页 | 国产1级毛片| 久久国产免费福利资源网站 | 成人不卡视频 | 国产精品ady9 | 国产福利视精品永久免费 | 久久亚洲一区二区 | 性欧美成人免费观看视 | 国产欧美日韩精品专区 | 国产精品1区2区3区在线播放 | 久久官网 | 欧美成人免费观看久久 | 精品一区二区三区视频在线观看免 | 美女hdxxxx中国 | 亚洲精品色综合色在线观看 | 亚洲欧美在线播放 | 日日夜夜免费视频 | 日韩欧美视频在线播放 | 深夜福利免费观看 | 色狗综合| 夜夜春夜夜爽久久 | 日韩国产片 | 特级按摩一级毛片 | 国产黄片毛片 | 欧美成人免费高清网站 | 亚洲综合久久久久久888 | 日韩中文字幕视频在线 | 亚洲精品中文字幕区 | 久久精品人人做人人看最新章 | 关婷哪一级毛片高清免费看 | 色综合久久久高清综合久久久 | 亚洲国产精品aa在线看 | 91视频网页 | 91久久夜色精品国产九色 | 久久天堂 |