Получить дополнительный параметр из массива JSON из автозаполнения плагин

Question

У меня есть следующая функция для автозаполнения входа:

$("#auto").autocomplete({ 
     source:"/autocomplete.php", 
     minLength: 5, 
     _renderItem: function(ul, item) { 
      return $("<li></li>") 
       .data("item.autocomplete", item) 
       .append($("<a></a>").text(item.label)) 
       .appendTo(ul); 
      } 

}); 

Массив JSON содержит 3 параметра (значение, этикетки, за дополнительную плату). Как я могу захватить третий параметр и добавить его к другому тексту ввода сразу после выбора элемента из списка автозаполнения?

Answer 1

Используйте событие select.

Обработчик события получает передаются два параметра:

• объект события
• ui объект, который содержит данные выбранного элемента в ui.item

Пример:

$("#auto").autocomplete({ 
     source:"/autocomplete.php", 
     minLength: 5, 
     select: function(e, ui) { 
      // "ui.item" is the data item 
      alert(ui.item.extra); 
     }  
}); 

---

Кстати, как вы пытаетесь переопределить метод _renderItem не является правильным, оно должно быть:

$("#auto").autocomplete({ 
    source:"/autocomplete.php", 
    minLength: 5, 
}) 
.data('autocomplete') 
._renderItem = function(ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append($("<a></a>").text(item.label)) 
     .appendTo(ul); 
}; 

Answer 2

select: function(e, ui) { 
     $('input#anotherInputTextId').val(ui.item.extra) ; 
    }