VPF::jQuery получить элемент - Форум программистов

SneG0K

Дата 15.1.2010, 17:51 (ссылка)

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

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

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

Код


<div id="criterions"></div>

Код


function onSuccess(data) {
    var select = document.createElement('select');
    select.id = 'criteration';
    for (var i=0; i < data.length; i++) {
        var option = document.createElement("option");
        option.id = i;
        option.appendChild(document.createTextNode(data[i].name));
        select.appendChild(option);
    }
    document.getElementById('criterions').appendChild(select);
}

Так, на сколько видно из этого всего овнеца я создаю динамически select. Как мне потом обработать клик по элементу select'a? И получить еще id этого элемента?

Код


$('#criterions select').click(function(){
    alert($(this).attr('id'));
});

check

Дата 15.1.2010, 18:23 (ссылка)

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

Загрузка ...

Опытный

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

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

Так получится?

Код


for (var i=0; i < data.length; i++) {
    var option = document.createElement("option");
    option.id = i;
    option.appendChild(document.createTextNode(data[i].name));
    select.appendChild(option);
    $(option).click(function () { 
      //код обрабочика 
    });
}

А почему не используете jQuery и для генерации селекта?

SneG0K

Дата 15.1.2010, 18:44 (ссылка)

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

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

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

Цитата(check @ 15.1.2010, 17:23

)

А почему не используете jQuery и для генерации селекта?

Мозгов не хватает. Покажете как, буду использовать)

check

Дата 15.1.2010, 19:05 (ссылка)

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

Загрузка ...

Опытный

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

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

Но правильнее будет так:

Код


    var select = document.createElement('select');
    select.id = 'criteration';
    for (var i=0; i < data.length; i++) {
        var option = document.createElement("option");
        option.id = i;
        option.appendChild(document.createTextNode(data[i]));
        select.appendChild(option);
        }
    document.getElementById('criterions').appendChild(select);
    $(select).bind('change', function () { 
       //код обработчика
    });

Добавлено через 2 минуты и 24 секунды
Просто сказали "клик", я click и сделал))) Клик кстати тоже работает, но только не в IE.

12345c

Дата 15.1.2010, 19:20 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

id на option может быть не кроссбраузерным. Обычно берут по клику на селекте this.selectedIndex . А потом this.options[this.selectedIndex] для добычи атрибутов option.

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

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