[Anthony]

Пытаюсь задействовать autocomplete у себя на сайте.

Проблема стоит в том, что у меня список динамический. Т.е. изначально одно поле с автоподбором. Потом можно добавлять еще n полей. И в каждом необходим один и тот же автоподбор.

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

$(document).ready(function(){
    $('input.styleclass').autocomplete("../script.php", {
        autoFill:true,   minChars:1,  delay:10,  cacheLength:10,
        matchSubset:1, matchContains:1, selectOnly:true, formatItem:liFormat,
        maxItemsToShow:20, onItemSelect:selectItem
    });    
});

Как результат - работает только первое поле.

Потом я попробовал после каждого добавления поля добавлять скрипт с обновляемым счетчиком:

$(document).ready(function(){
    $('#id1').autocomplete("../script.php", {
        autoFill:true,   minChars:1,  delay:10,  cacheLength:10,
        matchSubset:1, matchContains:1, selectOnly:true, formatItem:liFormat,
        maxItemsToShow:20, onItemSelect:selectItem
    });    
});

В этом случае в файрфоксе все работает отлично, но не работает в IE.
Почему такое может происходить?

На сайте http://www.linkexchanger.su/ пытался найти ответ, но все не то.
Гугл тоже молчит. Событие click() тоже пытался задействовать

[Асмодиан]

Anthony, насколько я понял, у тебя поля добавляются динамически. То есть изначально у тебя в документе только одно поле. Потом (например при нажатии на некую кнопку) у тебя добавляются ещё.

Если я правильно понял, то всё, что ты делаешь - эдакий бредятник...

Функция $.ready теоритически вызывается лишь 1 раз, сразу после загрузки объектной модели документа. в этой функции ты (в первом случае) ставишь autocomplete на все объекты в документе, имеющие некий класс, а у тебя на момент загрузки есть только 1 такой объект - первое поле.

Во втором случае, если опять-же поля добавляются динамически... Я вообще непонимаю, как оно работает в FF.

То есть в случае динамического создания полей, ты дорлжен инициировать autocomplete после добавления каждого поля.

В случае, если таки у тебя статический набор полей, но 1-й варианет у тебя не работает, то вполне вероятно, что autocomplete попросту написан криво, и его можно инициировать лишь коллекцией из 1-го элемента.
тогда вместо.

$('input.styleclass').autocomplete(...

пишем

$('input.styleclass').each(function() 
{
    $(this).autocomplete(...

[Anthony]

Makarenya,

Сообщение от Makarenya

Anthony, насколько я понял, у тебя поля добавляются динамически. То есть изначально у тебя в документе только одно поле. Потом (например при нажатии на некую кнопку) у тебя добавляются ещё.

Совершенно верно

Если я правильно понял, то всё, что ты делаешь - эдакий бредятник...

Возможно Поэтому я и обратился на форум.

Функция $.ready теоритически вызывается лишь 1 раз, сразу после загрузки объектной модели документа. в этой функции ты (в первом случае) ставишь autocomplete на все объекты в документе, имеющие некий класс, а у тебя на момент загрузки есть только 1 такой объект - первое поле.
Во втором случае, если опять-же поля добавляются динамически... Я вообще непонимаю, как оно работает в FF.

Факт есть факт - в FF работает. Согласен что бред написал касаемо ready.

То есть в случае динамического создания полей, ты дорлжен инициировать autocomplete после добавления каждого поля.

Я добавлял скрипт с ready.autocomplate после каждого добавления поля.

$('input.styleclass').each(function() 
{
    $(this).autocomplete(...

Я так понял что это сработает только для статичных полей. Для динамичных я попробовал, но не работает так вообще ни для FF ни для IE. А как быть тогда с динамичными, ведь тот метод с добавлением инициализации автокоплейта после каждого поля был сделан.

[Асмодиан]

А вот с динамическими делаем так!
напимер у нас есть некая кнопка например с id="addbutton", неважно. раз ты както поля добавляешь, значит и кнопку както видишь.
и добавление у тебя происходит например так

$('#addbutton').click(function()
{
    $('#fildscontainer').append('<input ... />');
}

тогда слегонца меняем нашу запись, получая

$('#addbutton').click(function()
{
    var inp = $('<input ... />').appendTo('#fildscontainer');
    inp.autocomplete(...);
}

То есть установка autocomplete должна находиться не в document.ready (что бредняк) а прямо в функции добавления нового поля.

[Anthony]

Makarenya, спасибо...
пробую воспроизвести данный код

Добавлено через 30 минут

блин, не работает.
Вот что я написал:

<div id="LL"><input id="id_num" type="hidden" value="0"></div>
<a id="button_add" href="javascript:">Add</a>

$('#button_add').click(function(a){
    
    num = $("#id_num").val();
    num++;    
    $("#id_num").val(num);
    
    newDiv  = '<div id="LL' + num + '">';
    newDiv += '<input class="someclass" type="text" id="field' + num + '"/></div>';
    
    var inp = $(newDiv).appendTo('#LL');

    inp.autocomplete("../script.php", {
        autoFill:true,  minChars:1, delay:10, cacheLength:10, matchSubset:1,
        matchContains:1, selectOnly:true, formatItem:liFormat,
        maxItemsToShow:20, onItemSelect:selectItem
    });
});

В id_num храним значение номера текущего поля. Поля добавляются, но автоподбор так и не работает. Даж не знаю куда копнуть.

[Асмодиан]

Эх, дерёвня
смотри, ты совсем не вникаешь в связь между переменными и объектами.
В примере, который написал я, переменная inp связанны с объектом input! и всё работает, а вот в твоём случае переменная inp это <div id="LL' + num + '">', и ты пытаешься поставить autocomplete на этот самый div, правда нехорошо...
А должен же ты инизиировать autocomplete как раз на объекте типа input!, в твоём случае это можно сделать несколькими способами.
например:

    var newInp = $('<input class="someclass" type="text" id="field' + num + '"/>');
    var newDiv  = $('<div id="LL' + num + '"></div>');

    newDiv.append(newInp);
    $('#LL').append(newDiv);

    newInp.autocomplete(...);

а можно подругому

    var inp = $(newDiv).appendTo('#LL');

    $('#field' + num).autocomplete("../script.php", {
        autoFill:true,  minChars:1, delay:10, cacheLength:10, matchSubset:1,
        matchContains:1, selectOnly:true, formatItem:liFormat,
        maxItemsToShow:20, onItemSelect:selectItem

[Anthony]

Makarenya, а слона то я не заметил))) связь уловил
Все заработало!! Псиб огромное!