Changing form input type using jquery

Question

Hi I am trying to change the type of <input> from submit to image using jquery so that the image is displayed during the AJAX request instead of the button. I am doing:

    $(document).ajaxStart(function(){$("#submit_btn").removeAttr("type").attr("image");});

and my HTML is:

<input type="submit" name="submit" class="button" id="submit_btn" value="Send" src="images/sending.gif" />

Am I doing it the right away? And if so, what's wrong because this ain't working :p

I solved it by using .hide() and .show() so: $(document).ajaxStart(function(){$("#submit_btn").hide(); $("#sending").show(); }); Now on .ajaxStart event the button hides and the image shows- with proper CSS positioning it gives the illusion of being replaced with an image. So it works- but not sure if it's the best way! — aateeque
– aateeque, Commented Apr 10, 2011 at 0:46

David Thomas · Accepted Answer · 2011-04-10 00:04:57Z

2

I think you're looking for:

$(document).ajaxStart(function(){$("#submit_btn").attr("type","image");});

Using attr() to set the attribute, rather than removing it.

answered Apr 10, 2011 at 0:04

David Thomas

254k53 gold badges382 silver badges421 bronze badges

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

Comments

SIFE · Accepted Answer · 2011-04-10 00:18:34Z

0

May be this work for you:

$(document).ajaxStart(function(){$("#submit_btn")..attr(type : 'image');});

answered Apr 10, 2011 at 0:18

SIFE

5,7637 gold badges34 silver badges48 bronze badges

Collectives™ on Stack Overflow

Changing form input type using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related