jquery自动补全插件autocomplete.js

所属分类:输入-自动完成

 3875  27  查看评论 (5)
jquery自动补全插件autocomplete.js ie兼容6

autocomplete.js使用方法

Html:

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

Ajax 查找

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

本地查找 (没有 Ajax):

var countries = [
    { value: 'Andorra', data: 'AD' },
    // ...
    { value: 'Zimbabwe', data: 'ZZ' }
];

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

自定义查找函数

$('#autocomplete').autocomplete({
    lookup: function (query, done) {
        // Do Ajax call or lookup locally, when done,
        // call the callback and pass your results:
        var result = {
            suggestions: [
                { "value": "United Arab Emirates", "data": "AE" },
                { "value": "United Kingdom",       "data": "UK" },
                { "value": "United States",        "data": "US" }
            ]
        };

        done(result);
    },
    onSelect: function (suggestion) {
        alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});
相关插件-自动完成

仿百度自动补全搜索框效果

仿百度自动补全搜索框效果
  自动完成
 30109  101

jquery模糊搜索查询

可根据用户输入对应的关键词来筛选相关的内容
  自动完成
 7500  50

生活单词计数插件Countable

Countable是一个JavaScript函数来获取文本内容中段落、词、字符和空格的数量。Countable zero-dependency库,大小只有1kb
  自动完成
 6122  9

jQuery添加/删除标签插件jQuery Tags Input Plugin

一个jquery开发的标签功能加强插件,可以生成或删除标签,还能对输入重复标签进行检查,和JQuery autocomplete插件配合实现自动完成功能。
  自动完成
 46055  86

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币

    长月孤舟三人影 0
    2017/6/5 17:12:11

    同一个页面只可以绑定一个输入框吗 我绑定了三个输入框 但是只有最后一个生效了。。。

    回复
    翔宇 0
    2017/5/23 11:39:06

    ajax请求服务器怎么

        翔宇0
        2017/5/23 11:40:23

        报这个错误Uncaught TypeError: Cannot read property 'length' of undefined

    回复
    chai0803 0
    2017/3/27 11:20:44
    挺不错,也可以支持中文。就是下载的这个文件夹里面分的文件夹太多了,有点乱。而且插件指向的这个website地址好像跟这个不是同一个插件吧? 回复
    SiriBen 0
    2017/3/15 16:48:22
取消回复