0

我从 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 脚本。这样它就知道在哪个表中查找该术语。

4

2 回答 2

1

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

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

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

于 2012-12-18T06:58:42.297 回答
-1

试试给这个..

$(this).attr('id');
于 2012-12-18T06:59:25.480 回答