VPF::Помогите сделать конструкцию с перебором элементов

zheka1980

Дата 28.12.2014, 11:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 42
Регистрация: 3.8.2014

Репутация: нет
Всего: нет

Господа, есть вот такой элемент

Код


                                 <tr class="field"><td>
                                  <input class="search" type="text" name="dynamic[]" value="1" size="30" form="mf" >
                                  <input type="text" name="dynamic[]" value="1" size="3" form="mf" >
                                  <SELECT >
                                    <OPTION value="кг">кг</OPTION>
                                    <OPTION value="г">г</OPTION>
                                    <OPTION value="л">л</OPTION>
                                  </SELECT>
                                  <textarea  cols="30" rows="5" AUTOCOMPLETE=OFF  form="mf" ></textarea>
                                </td>
                                <td><a style="cursor:pointer" class="remove"><img src=images/delete.gif /></a></td>
                                </tr>

Количество таких элементов (class="field") непостоянно, специальная кнопка удаляет или добавляет весь указанный блок.
Класс "search" у меня обрабатывается скриптом autocomplete.
Мне нужно написать скрипт, который по событию в autocomplete перебирает все field и совершает математические операции с каждым input, содержащемся в field.

Вот начало

Код


$(function() {


    $('.search').autocomplete(
    {
    
         source:'search_product.php', 
         deferRequestBy: 300,
         maxHeight: 400, // Максимальная высота списка подсказок, в пикселях
         width: 300, // Ширина списка
            zIndex: 9999, // z-index списка
       change: function () {},
       close: function () {},
       select: function () { 
        
        s=document.getElementsByClassName('search');
        alert(s[0].value);
       }

       
    })

});

Хочу хотя бы просто прочитать значение одного из полученных элементов - не работает.
Как мне организовать эту структуру? Как лучше обращаться к элементами - по классу, по имени? Или сделать так чтобы id был с инкрементным именем?

Это сообщение отредактировал(а) zheka1980 - 28.12.2014, 11:59

Aliance

Дата 29.12.2014, 09:04 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

У вас же jQuery, зачем писать внутри на plain javascript?

Код


select: function () {
    $('tr.field input.search').each(function() {
        console.log( $(this).val() );
    });
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »