jquery自动补全插件autocomplete.js

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

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

jQuery多值输入插件 jQuery Manifest

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

jQuery多值输入插件 jQuery Manifest

Manifest是一个可以为多值输入增加更多惊喜的插件。Email地址中的多个收件人字段是一个非常好的例子,你可以只简单提供一般文本输入,要求用户使用分号手工分开每一个收件人。 但是移除收件人是一个费劲的事情,但是使用这个插件,你知道用户会非常高兴这种用户操作体验的。
  自动完成
 13662  24

jQuery自动完成插件flexselect

flexselect是一个jQuery插件,它将帮助您自动完成所要输入的信息。
  自动完成
 19481  47

jquery拼音模糊查询

纯手工打造的快速模糊查询插件, 支持输入拼音和中文
  自动完成
 6684  31

讨论这个项目(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
取消回复