Jquery AutoComplete Post Key

本文关键字：Key Post AutoComplete Jquery | 更新日期: 2023-09-27

我度过了疯狂的一天，试图弄清楚如何发布键而不是输入字段的值。

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);
            }
        });
    },
});

我已经更新了代码，但我仍然无法在选择时将键推到隐藏字段。

实时预览（在位置搜索中键入Stoke）http://isca01.bigwavemedia.info/~hospita2/crawler/public/index.php/search

    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");
    }
});

});