JQuery AutoComplete Ключ сообщения

Question

У меня есть правильный маниакальный день, пытаясь выяснить, как отправить ключ, а не значение поля ввода.

Jquery

jQuery(document).ready(function() { 
    jQuery("#autocomplete").autocomplete({ 
    source: function (request, response) { 
     jQuery.ajax({ 
      url: "{{URL('/autocomplete')}}", 
      data: { 
       autocomplete: this.term 
      }, 
      success: function (data) { 
        console.log(data[0]['label']); 
        response(jQuery.map(data, function(item) { 
        return { 
         label: item.label, 
         value: item.id 
        }; 
       })); 
      }, 
      //This does not get picked up? 
      select: function(event, ui){ 
       alert('this is not firing on select?'); 
       jQuery('#hidden').val(ui.item.value); 
      } 

     }); 
    }, 
}); 

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

Live Preview (тип Стоук в поисках местонахождения) http://isca01.bigwavemedia.info/~hospita2/crawler/public/index.php/search

Answer 1

jQuery(document).ready(function() { 
jQuery("#autocomplete").autocomplete({ 
    source: function (request, response) { 
     jQuery.ajax({ 
      url: "{{URL('/autocomplete')}}", 
      data: { 
       autocomplete: this.term 
      }, 
      success: function (data) { 
        response(jQuery.map(data, function(item) { 
        return { 
         label: item.label, 
         value: item.label, 
         key: item.id 
        }; 
       })); 
      }, 


     }); 
    }, 
    select: function(event, ui){ 
      console.log('something selected'); 
      jQuery('#hidden').val(ui.item.key); 

      //jQuery('input[name="autocomplete"]').val(ui.item.label); 

      jQuery('#autocomplete').attr({ 
      value: ui.item.label 
      }); 

      console.log(ui.item.label); 
      console.log(jQuery('input[name="autocomplete"]').val() + "this is the result of above"); 
    } 
}); 


});