VPF::Навесить событие на <SELECT> - Форум программистов

skyboy

Дата 28.6.2006, 14:08 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

Создаю SELECT run-time, но, судя по его поведению, функция то ли не закрепляется за событием смены, то ли не вызывается...

Код


  function test()
  {
   var sel= document.createElement("select");
   var attrib= document.createAttribute("onchange");
   attrib.value= '"alert(4);"';
   sel.setAttributeNode(attrib);
   var opt= document.createElement("option");
   opt.text= "aaa";
   var opt1= document.createElement("option");
   opt1.text= "bbb";
   sel.add(opt);
   sel.add(opt1);
   document.forms["myform"].appendChild(sel);
  }

Или я неправильно создаю SELECT?

vasac

Дата 28.6.2006, 14:25 (ссылка)

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

Загрузка ...

Эксперт

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

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

Обработчик неправильно навешиваешь.
Либо:

Код


sel.onchange = function( e ) { alert( 4 ); }

Либо:

Код


if ( sel.addEventListener ) {
  sel.addEventListener( "change", function( e ) { alert( 4 ); }, false );
} else sel.attachEvent( "onchange", function( e ) { alert( 4 ); } );

ЗЫ. Писать надо

Код


sel.add( opt, null );

а то в Gecko работать не будет.

Это сообщение отредактировал(а) vasac - 28.6.2006, 14:32

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

Блог ГО | Таблица символов юникода

skyboy

Дата 28.6.2006, 14:43 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

vasac, спасибо. Я думал, что можно подключать события, как аттрибуты...
А

Код


sel.add( opt, null );

в IE выдает ошибку "несовпадение типов" smile

vasac

Дата 28.6.2006, 15:27 (ссылка)

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

Загрузка ...

Эксперт

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

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

Цитата

в IE выдает ошибку "несовпадение типов"

Точно.
Тогда либо ветки нужно на ие и фф делать или через appendChild...

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

Блог ГО | Таблица символов юникода

skyboy

Дата 28.6.2006, 15:58 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

vasac, после appendChild в списке явно два пункта, но нет текста в них. Пробовал делать также appendChild объекта типа HTMLElement(вместо HTMLOptionElement), но ситуация не изменилась - добавляет два пункта, но оба - без текста.

vasac

Дата 28.6.2006, 16:26 (ссылка)

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

Загрузка ...

Эксперт

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

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

Вместо
opt.text= "aaa";
Для пущей совместимости лучше:
opt.appendChild( document.createTextNode( "aaa" ) );

Вариант с opt.text у меня работает в FF, но не работает в IE. Последний работает в обоих.

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

Блог ГО | Таблица символов юникода

skyboy

Дата 28.6.2006, 16:35 (ссылка)

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

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

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

vasac, спасибо. Почему-то в программе, где это отлаживал, несмотря на явное использование компонента TwebBrowser и IE-потомственность не работало appendChild - потому-то я и извращался со свойством text... Буду теперь убивать "alt" и "tab" smile

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