jquery自动补全插件autocomplete.js

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

 2432  22  查看评论 (2)
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自动完成表插件Autocomplete Table

Autocomplete Table是一个jQuery插件,提供自动完成下拉的多列表,(下拉)字段列表。
  自动完成
 18629  39

jQuery自动跳格插件Autotab

Autotab是一个jQuery插件,它提供自动跳格和过滤的表单中的文本字段。最大字符数已在文本字段内达成,焦点会自动设置为一个定义的元素。同样,清理出文本字段的内容按退格键最终会将焦点上一个元素上。
  自动完成
 7323  15

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

仿百度自动补全搜索框效果
  自动完成
 26757  91

jQuery输入框数值加减调整插件

jQuery输入框数值加减调整0到100插件
  自动完成
 7890  47

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

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