JQuery onchange Dropdown does not hide/show element

Question

I have a dropdown box (Combobox). Everytime I make a new selection a table element must show or hide depending on my selection. Now my problem is it's working in Firefox but not in IE. The dropdown has an onchange event which calls the JS function below. The tr element has the ID #mainItem.

function toggleMainPageOption(){
                $("#mainItem").toggle();
}

Why does this not work in IE? Am I doing something wrong?

Can you also provide the JavaScript where you bind toggleMainPageOption to the change event, and the snippet of HTML for the element you're trying to update? — user7675
– user7675, Commented Feb 8, 2010 at 15:18

Community · Accepted Answer · 2017-05-23 12:19:32Z

2

The onchange event is triggered when the focus is no longer on the dropdown control (so after you press "TAB" or click somewhere else)

More info here:

Javascript onchange different in IE and FireFox

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Feb 8, 2010 at 15:21

Philippe Leybaert

172k33 gold badges213 silver badges224 bronze badges

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

Collectives™ on Stack Overflow

JQuery onchange Dropdown does not hide/show element

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related