Сделать пузыри обмена элементами формы в Internet Explorer

Question

Как сделать так, чтобы событие onChange различных элементов формы всплывало до родительского объекта формы в Internet Explorer?Когда в IE изменяются поля выбора, радио-кнопка, ... почти все ..., onChange родительской формы не запускается.Мои формы динамически меняются, поэтому будет трудно взломать их, прослушивая каждый дочерний элемент формы.

HTML

<form id="myForm">
 <select>
  <option>uno</option>
  <option>dos</option>
 </select>
 <input type="radio" name="videoDevice" value="tres" checked="checked" />
 <input type="radio" name="videoDevice" value="cuatro" />
</form>

JS

$('myForm').observe(
 'change', 
 function() {
  // this only runs in non-IE browsers
  alert('the form changed');
 }
);

Кстати, я использую платформу Prototype.Разве он не должен был обрабатывать различия между браузерами для меня?

Answer 1

Мне пришлось использовать хак для IE. Я вручную заставил все дочерние элементы формы вызывать обратный вызов onChange вместо того, чтобы родительская форма делала это. Я бы хотел, чтобы было более чистое решение.

$('myForm').select('input', 'radio', 'textarea').each(
 function(formElement) {
  formElement.observe(
   'change', 
   function() {
    alert('changed');
   }
  );
 }
);

Answer 2

Я думаю, что в вашем коде может быть простая синтаксическая ошибка:

$('myForm') должно быть $('#myForm')