<select onchange="window.location='/staff/add_combo.php?page='+this[this.selectedIndex].value+'&ipp=2';return false" class="paginate">
Is there any way to prevent onchange event on this element?
-
How about simply changing it? It's not clear what you would like to achieve.Shamim Hafiz - MSFT– Shamim Hafiz - MSFT2011-02-07 09:47:46 +00:00Commented Feb 7, 2011 at 9:47
-
Remove the onchange attribute from the element?Richard H– Richard H2011-02-07 09:50:41 +00:00Commented Feb 7, 2011 at 9:50
-
i simply want to remove the onchange event..the link is being generated by one of php class, i dont feel like changing the class just for the sake to remove the onchange eventslier– slier2011-02-07 14:50:14 +00:00Commented Feb 7, 2011 at 14:50
Add a comment
|
3 Answers
Do you just want to remove the handler permanently or temporarily?
//grabs first select on page
var mySelect = document.getElementsByTagName('select')[0];
// permanently
mySelect.onchange = function(){};//noop
//temporarily
var toggle = true;
var orig = mySelect.onchange;
mySelect.onchange = function(){
if(toggle) toggle = false;
else orig.call(mySelect);
};
The permanent version just blows out the existing handler.
The temporary version saves the original onchange handler and calls it depending on some other state in the application (in this case the "toggle" variable).
Comments
You can't prevent the event from firing on a single occasion, but you can unset it by assigning null to the element's onchange property:
document.getElementById("mySelect").onchange = null;
Comments
If by preventing you mean removing the event listener, than yes. Just use the removeEventListener() method.
document.getElementById("mySelect").removeEventListener('onchange', function(), false);
The answer By Any E should work as well, it's the traditional way of handling it.
1 Comment
Ryan McGrath
This isn't technically correct; in his original example, that needs to be removed as an Attribute.