0

寻找一些使用 Ajax Automplete for jQuery ( http://www.devbridge.com/projects/autocomplete/jquery ) 的指导。我已经能够实现它以在用户键入时检索学校列表,但我想包括城市和州信息作为提示。可以在这里找到一个例子:

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

我已经对其进行了编程以生成数据,但我将它作为一个跨度包含在建议字段中,并且它在文本框中填充了该信息。

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

谢谢!

4

1 回答 1

0

您可以使用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

您可以从所选值中去除跨度。

于 2013-09-04T19:36:03.113 回答