Javascript 用于jQuery和额外数据的Ajax自动完成

正在寻找使用Ajax AutoComplete for jQuery（）的一些指导。我已经能够实现它，在用户键入时检索学校列表，但我希望包含城市和州信息作为提示。可以在此处找到一个示例：

（使用“High School Name”（高中名称）字段并在本地美国高中中键入）

我已经对其进行了编程以生成数据，但我将其作为一个范围包含在建议字段中，并将该信息填充到文本框中

是否有人对如何包含有用信息有任何见解，但当用户选择建议时，文本框中只显示名称

---

谢谢

您可以使用

OnSelect

将文本框值替换为数据

来自autocomplete项目中提供的示例。我加了一行

$('#autocomplete-ajax').autocomplete({
            lookup: countriesArray,
            lookupFilter: function(suggestion, originalQuery, queryLowerCase) {
                var re = new RegExp('\\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi');
                return re.test(suggestion.value);
            },
            onSelect: function(suggestion) {
                $('input#autocomplete-ajax').val(suggestion.data);// REPLACE WITH YOUR DATA
                $('#selction-ajax').html('You selected: ' + suggestion.value + ', ' + suggestion.data);
            }
        });

我想提醒大家注意的是：

$（'input#autocomplete ajax'）.val（suggestion.data）；//替换为您的数据

您可以从所选值中删除跨度