Click a submit type input when a button is clicked

Question

How to click an input with the type submit when a button was clicked?

    $(document).on('click', 'button.editManufacturer', function(event) { 
        event.preventDefault(); 
        $(".editManufacturerSubmit").click();
    });

The snippet above is the code i have so far, but it doesn't work?

Thank you!

===== EDIT =====

Let me explain my problem a little bit more exactly!

I've a lot of forms that i want to submit via only one button.

The following things I have tried before:

    $("button.editManufacturer").click( function() {
        $('form.editManufacturer').submit();
    });

=========================================================================

"form" attribute at the button / input

=========================================================================

and some other things, were i havent the snippets anymore

=========================================================================

NOTE: only the last form is getting submitted

As SO guide states "provide code people can use to reproduce the problem" — Theodore K., Mar 23 '17 at 10:06

score 0 · Answer 1 · answered Mar 23 '17 at 09:41

0

You can Try this

$('button.editManufacturer').on('click', function(event) { 

    $(".editManufacturerSubmit").trigger("click");
});

I am Hopeful it will work for you.

answered Mar 23 '17 at 09:41

Ahsan Khan

5
4

Did you add the jquery link files in your page? **** – Ahsan Khan Mar 23 '17 at 09:42

Theodore K. · Answer 2 · 2017-03-23T09:48:14.260

0

Your code seems to work as it is, you may have to provide more code which replicates the problem.

$(document).on('click', 'button.editManufacturer', function(event) { 
  event.preventDefault(); 
  $(".editManufacturerSubmit").click();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="https://httpbin.org/post" method="post">
  <button class="editManufacturer" >button</button>
  <input type="submit" class="editManufacturerSubmit" value="get" onClick="alert('hi')"/>
</form>

edited Mar 23 '17 at 09:48

answered Mar 23 '17 at 09:42

Theodore K.

5,058
4
30
46

but somehow it does not submit the form? – Tobi Ratzberger Mar 23 '17 at 09:44
It does submit the form, see update snippet (using httpbin to test it, see here https://httpbin.org/) – Theodore K. Mar 23 '17 at 09:48

score 0 · Answer 3 · answered Mar 23 '17 at 09:42

0

Try this

$(document).ready(function() {
$("form").submit(function(event) { 
   event.preventDefault(); 
});

});

answered Mar 23 '17 at 09:42

Sujeesh Balan

226
2
3

That's not what I am looking for, sorry - but thank you for your answer – Tobi Ratzberger Mar 23 '17 at 09:50
add the html snippet , let me check – Sujeesh Balan Mar 23 '17 at 09:55
Try This $("button.editManufacturer").click( function() { $("form.editManufacturer").each(function(){ $(this).submit(); }); }); – Sujeesh Balan Mar 23 '17 at 11:56

score 0 · Answer 4 · answered Mar 23 '17 at 09:48

0

I think what you need is this

$('.editManufacturer').click(function(){
  $('form').submit();
});

answered Mar 23 '17 at 09:48

soulivong

139
1
3
10

i've tried this before! let me explain - i have many forms on one page, and i want them to submit via one button. but nothing works? i also tried to add the "form" attribute to the input / button and tried a lot of js variations, but nothing seems to work :( – Tobi Ratzberger Mar 23 '17 at 09:53
you mean one button for all forms? if so why don't you put it in one form? – soulivong Mar 23 '17 at 09:57
beacause the forms are saving / updating different documents to one collection in mongodb :/ – Tobi Ratzberger Mar 23 '17 at 10:00

Click a submit type input when a button is clicked

4 Answers4