Question

我想在单个表单上放置多个按钮。基于提交按钮，我想处理不同的动作以形成

<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>

如何获取触发提交表单的按钮？

Answer 1

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

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

    // DO WORK

});

我认为你可以检查不同按钮名称的值。

你可以遵循：jQuery: how to get which button was clicked upon form submission?

它与您的要求相似。

Answer 2

您还可以在input = submit

上绑定事件

例如

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

HTML表单中的多个提交按钮

2 个答案: