How to add onChange attribute for select box from Javascript / jQuery

Question

I have a select box with the onChange attribute. Now, after loading a shared page based on some conditions, I have to add 'onChange' for the javascript selection window. I am trying to use the following code. But that does not work.

$("#depositForm").attr(("onChange", "selectedMainDepositType('this');" )); 

The onChange event is not added.

 <select id="depositForm_depositSubType" class="depositSubType" style="width:160px;" name="depositSubType"> 

need to change how

 <select id="depositForm_depositSubType" onchange="selectedMainDepositType(this);" class="depositSubType" style="width:160px;" name="depositSubType"> 

Please suggest how to add the onChange attribute.

Answer 1

Have you tried ...

 $("#depositForm").on("change", function(event) { selectedMainDepositType(this); } ); 

jQuery.on ()

Answer 2

 $("#depositForm").change(function(e){ selectedMainDepositType($(this)); }); 

Answer 3

  document.getElementById('depositForm').onchange = undefined; $("#depositForm").change(..); 

Take a picture .. Hope this works for you. Original post How to edit the attribute 'onchange' in the tag 'select'? (using jquery)

Answer 4

For those who are looking for a different answer. I used this method because I had to first search for a dynamically created selection list.

 var dropdown = document.getElementsByTagName("select"); for (i=0; i<dropdown.length; i++) { if (dropdown[i].title == "Component") { dropdown[i].onchange = changeApproverCC; } }