获取触发 jQuery-Ui 自动完成小部件的元素？答案

【问题标题】：Get element triggering the jQuery-Ui autocomplete widget?获取触发 jQuery-Ui 自动完成小部件的元素？
【发布时间】：2015-06-09 09:38:56
【问题描述】：

我正在对多个输入文本元素使用自动完成，我想根据触发事件的元素从不同的函数中获取数据，因为我在文本元素的数据属性中传递 Web 服务链接。我不想在页面中写不同的自动完成 3 次。

HTML:-

<input class="autocomplete" name="firstname" link='getfirstname'/>
<input class="autocomplete" name="middlename" link='getmiddlename'/>
<input class="autocomplete" name="lastname"
link='getlastname'/>

jQuery :-

$('.autocomplete').autocomplete({
    source: function (request, response) {
        jQuery.get($(this).data('link'), {
                typedValue: request.term
            }, function (data) {
                response(data);
            }, 'json');
        },
        minLength: 1
})

Demo

我推荐了How to get the input element triggering the jQuery autocomplete widget?，但没有任何帮助。

【问题讨论】：

标签： jquery ajax jquery-ui autocomplete jquery-ui-autocomplete

【解决方案1】：

你需要使用 $(this.element).data 而不是 $(this).data JSFiddle

$('.autocomplete').autocomplete({
    source:function(request, callback){
        console.log($(this.element).data("link"));
        jQuery.get($(this.element).data('link'), {
                typedValue: request.term
            }, function (data) {
                response(data);
            }, 'json');
    },
    select: function(event, ui) {
        console.log(event.target.name);
        console.log($(this).prop('name'));
        console.log($(event.target).data("link"));
    }
})

【讨论】：