Отправить идентификатор элемента в качестве параметра URL-адрес в JQuery автозаполнения источника

Question

Я пытаюсь сделать что-то вроде этого:

$("[type=text]").autocomplete({ 
    source: "./json.php?id="+$(this).attr("id"), 
    minLength: 2 
}).addClass("ui-widget ui-widget-content ui-corner-left"); 

Очевидно, что source: "./json.php?id="+$(this).attr("id") не работает. Кто-нибудь знает, как я могу это сделать? Будет много полей автозаполнения, поэтому я не могу использовать селектор, например $('#ID').

Answer 1

Если вам нужно установить это для в то же время многие элементы, использовать each() цикл:

$("[type=text]").each(function() { 
    var thisEl = $(this); 
    thisEl.autocomplete({ 
     source: "./json.php?id=" + thisEl.attr("id"), 
     minLength: 2 
    }); 
    // whatever else you want to do with the element 
}); 

Answer 2

Вы должны перебирать их с помощью .each() выполнить .attr() в надлежащем объеме:

$("input[type=text]").each(function(){ 
    $(this).autocomplete({ 
     source: "./json.php?id="+$(this).attr("id"), 
     minLength: 2 
    }).addClass("ui-widget ui-widget-content ui-corner-left"); 
} 

Edit: Как уже говорилось в комментарии, у вас есть МНОГО полей, как 1500+. Вы можете попробовать повысить производительность, добавив класс в каждое поле и используя селектор .classname, или, по крайней мере, сузить начальный поиск до input[type="text"], хотя jQuery может сделать это уже для оптимизации.

Вы также можете попробовать установить параметр источника в create или search событиях автозаполнения, хотя последний может не работать. Не больно видеть, как он выполняет:

$("input[type=text]").autocomplete({ 
    search: function(){ 
     $(this).autocomplete("option", "source", "./json.php?id="+$(this).attr("id")); 
    }, 
    minLength: 2 
}).addClass("ui-widget ui-widget-content ui-corner-left"); 

В качестве альтернативы вы можете даже связать в фокусе события самого поля ввода, чтобы установить источник:

$("input[type=text]").autocomplete({ 
    minLength: 2 
}).focus(function(){ 
    $(this).autocomplete("option", "source", "./json.php?id="+$(this).attr("id")); 
}).addClass("ui-widget ui-widget-content ui-corner-left"); 

посмотреть, если какой-либо из тех, повышения производительности , это интересный тестовый пример, который у вас есть.