Ajax Autocomplete для jQuery и дополнительных данных

Question

Ищете руководство по использованию Ajax Automplete для jQuery (http://www.devbridge.com/projects/autocomplete/jquery). Я смог реализовать его, чтобы получить список школ, когда пользователь вводит данные, но я хотел бы включить информацию о городе и штате в качестве подсказки. В качестве примера можно найти здесь:

http://www.keuka.edu/pete/Inquiry (Используйте поле «High School Name» и введите в местной средней школе США)

Я запрограммировал его, чтобы генерировать данные, но я в том числе это как промежуток в поле предложения, и он заполняет эту информацию в текстовом поле.

Есть ли у кого-нибудь идеи относительно того, как включать полезную информацию, но только имя появляется в текстовом поле, когда пользователь выбирает предложение?

Спасибо!

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

Вы можете лишить пядь из выбранного значения.