JQuery UI 自动完成通过 JSON 发送额外的术语

Question

我从 jQuery UI 文档中获取了大部分代码。 我想添加到请求变量中，以便同时发送<input> id。

输入如下所示：

<input size="50" class="attr_values" name="msrp" id="msrp" />

现在这里是 jquery。在 .autocomplete 源 $.getJSON 内部，我尝试使用“this.id”，但它不起作用。我怎样才能让它工作？

$(document).ready(function() { 
    // 2 string parsing functions
    function split( val ) {
        return val.split( /,\s*/ );
    }
    function extractLast( term ) {
        return split( term ).pop();
    }


    $( '.attr_values' )
        // don't navigate away from the field on tab when selecting an item
        .bind( 'keydown', function( event ) {
            if ( event.keyCode === $.ui.keyCode.TAB &&
                    $( this ).data( 'autocomplete' ).menu.active ) {
                event.preventDefault();
            }
        })
        .autocomplete({
            source: function( request, response ) {
                $.getJSON( 'controllers/core_data/ajax/core_data.php', {
                    'attr_name' : this.id, // THIS DOESN'T WORK
                    'term': extractLast( request.term )
                }, response );
            },
            search: function() {
                // custom minLength
                var term = extractLast( this.value );
                if ( term.length < 2 ) {
                    return false;
                }
                // var attr_name = this.id;
            },
            focus: function() {
                // prevent value inserted on focus
                return false;
            },
            select: function( event, ui ) {
                var terms = split( this.value );
                // remove the current input
                terms.pop();
                // add the selected item
                terms.push( ui.item.value );
                // add placeholder to get the comma-and-space at the end
                terms.push( '' );
                this.value = terms.join( ', ' );
                return false;
            }
        });

 });

还请注意，我已将其应用于“.attr_values”类，而不是像示例所示的那样应用于一个特定的 id。我有一大堆字段，每个字段都有不同的 id。这就是为什么我需要将 id 和术语发送到 php 脚本。这样它就知道要在哪个表中查找该术语。

Answer 1

this 在getJSON 回调中不再引用原始集合。尝试向上钻取以到达原始元素：

source: function( request, response ) {
    $.getJSON( 'controllers/core_data/ajax/core_data.php', {
        'attr_name' : this.element[0].id,
        'term': extractLast( request.term )
    }, response );
},

这里的上下文this 指的是您正在为其评估source 函数的autocomplete 对象。我们可以使用element属性获取对应的jQuery集合，然后从中找到id。

Answer 2

试着给这个..

$(this).attr('id');