Will I fire a change event if I use Javascript to set <option> as the selected one?

Question

I noticed that in Google Chrome, the <option> setting selected with Javascript does not trigger the corresponding <select> tag change event.

Can I assume that this behavior is true in all other modern browsers?

Answer 1

Setting an option selected using JavaScript or selecting an option by focusing, and then using the up and down buttons to select it, is not accepted as an event by the onchange() event handler, as can be seen from the following links:

• http://www.codingforums.com/archive/index.php/t-156699.html
• http://www.daniweb.com/forums/thread205638.html

PS: A similar situation arose when I tried to call <element onmousedown="doStuff();"> by calling element.click();

Answer 2

Setting any value for any field in JavaScript should not trigger any events.

If they did, you would end up in an endless cycle of events.

If you want, you can manually trigger the change event.

Answer 3

Yes, that must be true. In my experience, this works in IE 6, Chrome, FF, and Safari. I would agree that testing in all browsers that you intend to support is reasonable!

Answer 4

option: selected yes it works I just used it myself. Even supported in IE 6 - IE 8 webkit and FF