How to add an onchange event to a select box via javascript

Question

I ve got a script where I am dynamically creating select boxes   When those boxes are created  we want to set the onchange event for the new box to point to a function called toggleSelect    I can t seem to get the syntax right to create the onchange event   Can someone tell me what I m doing wrong   It doesn t throw an error  but doesn t work  either    col   dataRow insertCell 0     var transport select   document createElement  select      transport select id   transport select id    transport select options 0    new Option  LTL    LTL      transport select options 1    new Option  FTL    FTL      transport select onChange   function   toggleSelect transport select id       col appendChild transport select

User · Accepted Answer

Add  transport select setAttribute  onchange   function   toggleSelect transport select id        setAttribute  or try replacing onChange with onchange

User · Answer

replace   transport select onChange   function   toggleSelect transport select id       with   transport select onchange   function   toggleSelect transport select id         on C hange          on c hange    You can use addEventListener too

User · Answer

Here s another way of attaching the event based on W3C DOM Level 2 Events Specification     transport select addEventListener        change        function     toggleSelect this id           false

User · Answer

yourSelect setAttribute   quot onchange quot    quot yourFunction   quot

User · Answer

If you are using prototype js then you can do this   transport select observe  change   function      toggleSelect transport select id       This eliminate  as hope  the problem in cross-browsers

[javascript] How to add an onchange event to a select box via javascript?

Examples related to javascript

Examples related to dom-events