我已经从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
。如何以这种方式格式化建议列表?
您可以使用formatResult
它允许您执行以下操作的功能:
formatResult:函数(建议,currentValue){}自定义函数,用于格式化建议容器中的建议条目,可选。
码:
$(function() {
$('#suburb').autocomplete({
lookup: theData,
minChars: 1,
formatResult: function(suggestion, currentValue){
return suggestion.value+','+suggestion.data.city;
}
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句