jQuery-DevBridge自动完成-更改建议格式

Shalan

我已经从DevBridge获得了Autocomplete jQuery插件,该插件或多或少都可以按照我的意愿工作。请在这里查看小提琴:https : //jsfiddle.net/shalan/bcex6oaq/这是一个简单的郊区和城市查询,用户开始在其郊区键入内容,自动填充功能显示相关建议。当用户进行选择时,它将自动在下面的2个只读文本框中填充相关的城市和邮政编码。数据结构如下所示:

var suburbData = [
    {"value":"Eastcliffe", "data":{"city":"Westwood","code":"23145"}},    
    {"value":"Creastwich","data":{"city":"Westerlyn","code":"66365"}},    
    {"value":"South Woodbury Island","data":{"city":"Fairmoor","code":"89798"}},    
    {"value":"Faighcastle","data":{"city":"Westwood","code":"23144"}},
    {"value":"Brightkeep","data":{"city":"Merrowshore","code":"08872"}},    
    {"value":"Summerbank","data":{"city":"Wyvernfield","code":"10467"}},    
];

虽然效果很好,但我想将建议列表的格式设置为:Suburb, City,但是将Suburb保留在调用自动完成功能的文本框中。

例:

  • 如果我开始输入ea,它应该显示给我:
    • “ Eastcliffe,韦斯特伍德”
    • “ Creastwich,韦斯特林”
  • 如果选择“ Eastcliffe,Westwood”,则应运行onSelect函数,但文本框的值仍应保持为Eastcliffe

如何以这种方式格式化建议列表?

欧文·多米宁(Irvin Dominin)

您可以使用formatResult它允许您执行以下操作的功能:

formatResult:函数(建议,currentValue){}自定义函数,用于格式化建议容器中的建议条目,可选。

码:

$(function() {
    $('#suburb').autocomplete({
        lookup: theData,
        minChars: 1,
        formatResult: function(suggestion, currentValue){
            return suggestion.value+','+suggestion.data.city;
        }
    });
});

演示:https : //jsfiddle.net/j6r9ka6y/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章