Question

How do I get Google Chrome (9.0.597.98 on Windows 7 64-bit) to fire a form’s onchange? If you play around with the following example, nothing gets consoled out. It’s working fine in Firefox 3.6.13.

<form onchange="console.info('form changed')">
 <select>
  <option>uno</option>
  <option>dos</option>
 </select>
 <input type="radio" name="videoDevice" value="tres" checked="checked" />
 <input type="radio" name="videoDevice" value="cuatro" checked="checked" />
</form>

Answer 1

Binding the change event via JS seems to work ok:

HTML

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

JS

document.getElementById('test').addEventListener('change', function() {
    alert('change fired');
}, false);