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

2023年2月4日 228次阅读

我使用自动完成多个输入文本元素,我想从不同的函数获取数据取决于触发事件的元素,因为我在文本元素的数据属性中传递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?审查但没有帮助.

最佳答案 而不是$(this).data你需要使用$(this.element).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"));
    }
})
点赞