Jquery .Submit() is not triggering submit event

Question

I have a very small problem,

I want to submit my code using jQuery on dropdown change:

 $("#mydropDown").change(function(){           
        $("#myForm").submit();
    });

but it is not submitting.

I also fired following code in Firebug console:

$("#myForm").submit();

it given me this output

[form#myForm]

I'm not getting what is the problem... :o?

<form enctype="multipart/form-data" id="myForm" method="post" action="mypage"> <select id="myDropDown" >Options</select> </form> — Ravikumar Sharma
– Ravikumar Sharma, Commented Jul 25, 2012 at 5:32
Do you have any submit event bound to this form? event handlers may prevent default submit actions if it returns false or invokes preventDefault method on event object. try to see jQuery bound event handler via $._data($('#myForm')[0]).events.submit — otakustay
– otakustay, Commented Jul 25, 2012 at 5:32
@jay > $("#myForm")[0].submit(); returns undefined method in console — Ravikumar Sharma
– Ravikumar Sharma, Commented Jul 25, 2012 at 5:34

Ravikumar Sharma · Accepted Answer · 2012-09-03 05:05:48Z

3

hi that time I used unbind but I really wanted to find to why it is happening. later I found answer of this question. I'm not much sure it is correct or not but it worked for me. In the same form ('#myForm') there is a submit button with id='submit' and name='submit'. I changed both to submit_btn and it worked for me hope it may help...

Thank you for your support!!!

answered Sep 3, 2012 at 5:05

Ravikumar Sharma

3,7505 gold badges39 silver badges61 bronze badges

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

Comments

Michael Robinson · Accepted Answer · 2012-07-25 05:34:59Z

2

You may have another event bound to your form that is cancelling the submit event.

To check this, you could execute the following in the console:

console.log($('#myForm').data('events'));

Which will output all events bound to your form.

answered Jul 25, 2012 at 5:34

Michael Robinson

29.6k12 gold badges109 silver badges131 bronze badges

3 Comments

Ravikumar Sharma Over a year ago

>>> console.log($('#myForm').data('events')); emply line showing below

Michael Robinson Over a year ago

@Ravi then something else is happening, check Johnny's answer for a debug method.

Michael Robinson Over a year ago

@Jashwant glad you like it, it's helped me out in similar situations :)

levi · Accepted Answer · 2012-07-25 05:44:25Z

1

May be, you have another event bound, if want cleaning up:

 $("#mydropDown").change(function(){           
        $("#myForm").unbind().submit();
    });

make sure that is within

$(document).ready(function(){
  //....
})

edited Jul 25, 2012 at 5:44

answered Jul 25, 2012 at 5:38

levi

22.8k7 gold badges79 silver badges76 bronze badges

2 Comments

levi Over a year ago

srry, its "unbind()" no "remove()", srry. $("#myForm").unbind().submit();

Ravikumar Sharma Over a year ago

I'm doing with this it removes form but showing when I reload also I'm getting post values.... thanks levi...

Johnny · Accepted Answer · 2012-07-25 05:47:04Z

0

The jquery is pretty basic so it must be something else. To debug this I would just comment out all the jquery and see if you can get the form to submit with just a submit button.

If that doesnt work it would look at your action page.

answered Jul 25, 2012 at 5:47

Johnny

1,1539 silver badges7 bronze badges

Collectives™ on Stack Overflow

Jquery .Submit() is not triggering submit event

4 Answers 4

Comments

3 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related