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

Question

I have select box with out onChange attribute. Now after loading the total page, based on some conditions I have to add onChange for the select box from Javascript. I am trying with the following code, but its not working:

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

Its is not adding the onChange event.

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

has to be changed as

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

Please suggest how to add the onChange attribute.

There's almost never a good reason to use any of the [on*] attributes, so don't bother. — zzzzBov
– zzzzBov, Commented Sep 19, 2012 at 14:30
don't think about event as you do with attributes ... in-line events are parsed at document loading and it is not meant to be edited like a classic attribute afterward — Stphane
– Stphane, Commented Sep 19, 2012 at 14:33

JoeFletch · Accepted Answer · 2012-09-19 14:33:57Z

23

Did you try...

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

jQuery .on()

edited Sep 19, 2012 at 14:33

answered Sep 19, 2012 at 14:28

JoeFletch

3,9991 gold badge30 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JoeFletch Over a year ago

If you need to remove the handler, use $("#depositForm").off("change");. Is the attr onChange attached when the page is generated?

John Conde · Accepted Answer · 2012-09-19 14:28:50Z

6

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

answered Sep 19, 2012 at 14:28

John Conde

220k100 gold badges464 silver badges504 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:02:17Z

0

 document.getElementById('depositForm').onchange = undefined;

 $("#depositForm").change(..);

Give it a shot.. I hope it works out for you.. Original post How to edit 'onchange' attribute in a 'select' tag? (using jquery)

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Sep 19, 2012 at 14:58

Scorpio

1,1711 gold badge21 silver badges38 bronze badges

Comments

PIPetro · Accepted Answer · 2013-06-05 14:24:13Z

0

For anyone looking for another answer. I used this method because I had to first search for the dynamically created select list.

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

answered Jun 5, 2013 at 14:24

PIPetro

14 bronze badges

Comments

paas · Accepted Answer · 2020-07-03 17:29:04Z

0

You could try this:

document.getElementById("depositForm").addEventListener('change', (event) => {
 selectedMainDepositType('this');
});

Hope can help you :)

answered Jul 3, 2020 at 17:29

paas

353 bronze badges

Collectives™ on Stack Overflow

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

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related