Получить выбранный элемент на автозаполнении

Question

Извините, об этом ответе, я нашел много результатов, но что-то работает над моим кодом.

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

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("input#autoText").autocomplete({ 
       source: function(request, response) { 
        $.ajax({ 
         url: "UserControllerServlet?action=Autocompletar", 
         dataType: "json", 
         data: request, 
         success: function(data, textStatus, jqXHR) { 
          console.log(data); 
          var items = data; 
          response(items); 
          alert($("#autoText").val(ui.item.id)); 

         }, 
         error: function(jqXHR, textStatus, errorThrown) { 
          console.log(textStatus); 
         } 

        }); 
       } 

      }); 
     }); 


    </script> 

Предупреждение не работает, и я стараюсь использовать select и ничего.

Thx.

Answer 1

Используйте select event

$(document).ready(function() { 
    $("input#autoText").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: "UserControllerServlet?action=Autocompletar", 
       dataType: "json", 
       data: request, 
       success: function (data, textStatus, jqXHR) { 
        console.log(data); 
        var items = data; 
        response(items); 
        alert($("#autoText").val(ui.item.id)); 

       }, 
       error: function (jqXHR, textStatus, errorThrown) { 
        console.log(textStatus); 
       } 

      }); 
     }, 
     select: function (e, ui) { 
      console.log('s', ui.item); 
      //here ui.item will refer to the selected object 
     } 
    }); 
}); 

Демо: Fiddle

Answer 2

Вместо

alert($("#autoText").val(ui.item.id)); 

использование

$("#autoText").data("autocomplete").selectedItem 

Это позволит вам получить доступ к S избранный объект как объект.