Comments on: jQuery tip: Changing the TYPE attribute of an INPUT element

By: viper

viper — Thu, 29 Dec 2011 13:08:10 +0000

Nolan right the following works like a charm:
event.preventDefault();

Thanks…

By: Nolan

Nolan — Thu, 29 Sep 2011 17:58:36 +0000

I ran into an issue with this in IE9. It was still throwing an error saying that the type couldn’t be changed. I found a solution that would allow me to still take off the submit action from the button. Here is what I did:

jQuery(“#Submit”).click(function(event) {
event.preventDefault();
// do what it is you want to
});

This will not modify the type of the button, but it will prevent it from submitting. In the case that I was working on, I needed to run an onClick ajax call before the form submitted. So in using the code up there, I was able to prevent the submit, run my ajax, then submit the form from that function.

By: Catzie

Catzie — Thu, 29 Sep 2011 07:04:02 +0000

finally changed the type of my input field using jquery. thanks!

By: Angie

Angie — Thu, 24 Feb 2011 18:16:38 +0000

Hey thanks for this post, was a big help!

By: michon

michon — Mon, 07 Feb 2011 14:44:33 +0000

@aSeptik oui... sous firefox cela fonctionne, mais IE ne reconnait pas cette commande.

By: aSeptik

aSeptik — Sun, 30 Jan 2011 15:05:02 +0000

$('#password')[0].setAttribute('type','button');

By: Rob

Rob — Wed, 11 Aug 2010 14:56:23 +0000

Internet Explorer was, is and probably will be hopeless…

By: Avishkar's Blog » Cloning and changing the TYPE attribute of an INPUT element

Sun, 27 Jun 2010 21:43:44 +0000

[...] snippet I found here, which was helpful in building Ekkio’s login [...]

By: vivin

vivin — Sat, 03 Apr 2010 00:15:01 +0000

@stephenrs Interesting - I have to try this out. I'll update this post or put up a new post if I figure out how to solve it!

By: stephenrs

stephenrs — Thu, 01 Apr 2010 23:50:44 +0000

I used this solution with success in the past, but now it appears that the latest version of jQuery throws an exception when you try to set the type attribute on an element in IE, even if it has not been added to the DOM yet. This seems like a bug in jQuery to me….any ideas for how to get around this?