Question

使用Ajax自动完成jQuery（http://www.devbridge.com/projects/autocomplete/jquery）寻找一些指导。我已经能够实现它以在用户输入时检索学校列表，但我想将城市和州信息作为提示包括在内。可以在这里找到一个例子：

http://www.keuka.edu/pete/Inquiry （使用“高中姓名”字段并输入当地的美国高中）

我已将其编程为生成数据，但我将其作为建议字段中的跨度包含在内，并在文本框中填充该信息。

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

谢谢！

Answer 1

您可以使用OnSelect将文本框值替换为数据。

从自动完成项目中提供的示例。我添加了一行。

$('#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);// REPLACE WITH YOUR DATA

您可以从所选值中删除范围。

Ajax自动完成jQuery和Extra Data

1 个答案: