jquery自动补全插件autocomplete.js

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

 8201  33  查看评论 (9)
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);
    }
});
相关插件-自动完成

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 7113  31

文字个数判断

文字个数判断,限制字符输入个数超出自动删除。
  自动完成
 4926  63

jQuery多值输入插件 jQuery Manifest

类似QQ发送邮件收件人输入框
  自动完成
 6977  56

jQuery搜索框输入文字下拉提示菜单

jQuery搜索框提示,autocomplete输入框文字提示,搜索框提示文字,搜索框提示代码,搜索框提示功能
  自动完成
 29115  77

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

    HenryMrZ 0
    2017/10/16 16:50:06

    垃圾文件太多,而且ajax的data是固定一次的,想要获取input输入值当做data传送很难实现

    回复
    zhao7826193 0
    2017/10/9 17:35:37

    我直接报错autocomplete不是一个function

    回复
    猫熊。 0
    2017/9/12 11:47:53

    Uncaught TypeError: Cannot read property 'length' of undefined 这个问题 是因为返回的json格式不对

    {
        query: "Unit",
        suggestions: [
            { value: "United Arab Emirates", data: "AE" },
            { value: "United Kingdom",       data: "UK" },
            { value: "United States",        data: "US" }
        ]
    }

    必须是这种格式

    回复
    长月孤舟三人影 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

        木槿丶0
        2017/8/30 11:05:42

        我也是报这个错

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