Simulating Button click in javascript/jquery

Question

I want to stimulate the effect of clicking on button (submit button) through javascript or jQuery in a form. I tried using .click() in jQuery but got no as such response.

In FireBug Events, I get the following events on the submit button of the form.

mouseup { return fn.apply(object, args); }

function () {
return fn.apply(object, args);
}

mousedown { return fn.apply(object, args); }

function () {
return fn.apply(object, args);
}

Well I don't know if this information was useful anyway because both mouseup and mousedown seem to be same here.

The source of submit button appears like:

<input type="submit" name="submit" id="submit" value="Submit" />

I have tried other methods to submit the form like .submit() but they did not work. I guess I am left over with stimulating click of button only.

Code:

$('#answer').val("chicago");

$(form).submit();

<form id="level" method="post"> 

<br/> 
<label for="answer">Answer:</label> 


<input type="text" name="answer" id="answer" /> 

<input type="submit" name="submit" id="submit" value="Submit" /> 


</form>

I think you want to "simulate" the effect, rather than "stimulate" it. StackOverflow isn't that sort of site ;) — Gareth
– Gareth, Commented Jul 20, 2011 at 14:43

SLaks · Accepted Answer · 2011-07-20 14:42:57Z

4

Since your <input> is named submit, form.submit refers to your DOM element rather than the built-in submit function.

Rename your <input> and form.submit() will work fine

answered Jul 20, 2011 at 14:42

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

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

5 Comments

Suraj Over a year ago

Well I can't, because it's an external form and I am using GreaseMonkey here.

SLaks Over a year ago

Hmmm... Try document.createElement("form").submit.call(form)

Suraj Over a year ago

Well, can you explain how it would fix? It did not b.t.w

SLaks Over a year ago

This code calls the submit method from another <form> on your form. I don't know why it wouldn't work. Try setting the existing <input>'s name (although that may break the site, so you might want to set it back afterwards)

sanmai Over a year ago

You can actually rename an input with GM. Something may break in the app, but maybe not. Just try it.

user719367 · Accepted Answer · 2011-07-20 14:42:04Z

1

$(form).submit();

That should do it. http://api.jquery.com/submit/

Whoops, missed that you tried that already. Include you're actual javascript and the form element and I can maybe help you debug that.

answered Jul 20, 2011 at 14:42

user719367

Collectives™ on Stack Overflow

Simulating Button click in javascript/jquery

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related