Multiple Submit buttons in HTML form

Question

I am trying to put multiple buttons on single form. Based on submit button, I want to process different action to form

<script type="text/javascript">
    $("#<portlet:namespace/>Form").submit(function(e) {
        //alert("test");
            var action = ???
        if (action == 'Add') {
            alert("add");
        } else if (action == 'Edit') {
            alert("edit");
        } else if (action ==  'Delete') {
            alert("delete");
        } else{
            alert("error");
        }
    });
</script>


<form name="<portlet:namespace/>Form" method="POST">
    <table>
        <tr>
            <td><input type="submit" name="action" value="Add"></input></td>
            <td><input type="submit" name="action" value="Edit"></input></td>
            <td><input type="submit" name="action" value="Delete"></input></td>
        </tr>
    </table>
</form>

How do I get which button triggered the submission of form?

score 1 · Answer 1 · edited May 23 '17 at 10:25

1

$(document).ready(function() {
    $("form").submit(function() { 

    var val = $("input[type=submit][clicked=true]").val()

    // DO WORK

});

I think U can then check val for different button names.

U can follow this : jQuery: how to get which button was clicked upon form submission?

it has similarity with your requirement.

edited May 23 '17 at 10:25

Community

1
1

answered Nov 27 '13 at 06:44

choudhury smrutiranjan parida

2,588
5
28
39

I wouldn't do with $(document).ready option. Since these are portlets, it will affect seriously on rest of the portlets. – RaceBase Nov 27 '13 at 06:47
Try to use var val = $("input[type=submit][clicked=true]").val() inside your portlet method..and if able to find the value then it will be gr8. – choudhury smrutiranjan parida Nov 27 '13 at 06:54

score 0 · Answer 2 · answered Nov 27 '13 at 07:15

0

You can also bind event on input=submit

For example

$("#<portlet:namespace/>Form input[type=submit]").submit(function(e) {
    alert( $(this).val() );
    return false;
});

answered Nov 27 '13 at 07:15

dododo

256
1
6

Multiple Submit buttons in HTML form

2 Answers2

Linked