JSFiddle - React, Tailwind, and code Playground
HTML
<input class="autocomplete" name="first" data-link="firstlink"/>
<input class="autocomplete" name="second" data-link="secondlink"/>
<input class="autocomplete" name="third" data-link="thirdlink"/>
JavaScript
$('.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"));
}
})