多个提交按钮的HTML表单 [英] Multiple Submit buttons in HTML form

问题描述

我试图把对单一形式的多个按钮。 根据提交按钮，我要处理不同的动作，形成

 ＆LT;脚本类型=文/ JavaScript的＆GT;
    $（＃＆LT;的portlet：空间/＆GT;表）。递交（函数（五）{
        //警报（测试）;
            VAR行动=？？？
        如果（行动=='添加'）{
            警报（加）;
        }否则，如果（行动=='编辑'）{
            警报（编辑）;
        }否则，如果（行动=='删除'）{
            警报（删除）;
        } 其他{
            警报（错误）;
        }
    }）;
＆LT; / SCRIPT＆GT;


＆LT;表格名称=＆LT;的portlet：空间/＆GT;表的方法=POST＆GT;
    ＆LT;表＆gt;
        ＆其中; TR＆GT;
            ＆LT; TD＆GT;＆LT;输入类型=提交名称=行动值=添加＆GT;＆LT; /输入＆GT;＆LT; / TD＆GT;
            ＆LT; TD＆GT;＆LT;输入类型=提交名称=行动值=编辑＆GT;＆LT; /输入＆GT;＆LT; / TD＆GT;
            ＆LT; TD＆GT;＆LT;输入类型=提交名称=行动值=删除＆GT;＆LT; /输入＆GT;＆LT; / TD＆GT;
        ＆LT; / TR＆GT;
    ＆LT; /表＆gt;
＆LT; /形式GT;
 

我如何得到这些按钮触发提交的形式？

解决方案

  $（文件）。就绪（函数（）{
    $（形式）。递交（函数（）{

    VAR VAL = $（输入[类型=提交] [点击=真]）。VAL（）

    // 做工作

}）;
 

我觉得这时U可以检查VAL针对不同的按钮名称。

U可以遵循这样的：<一href="http://stackoverflow.com/questions/5721724/jquery-how-to-get-which-button-was-clicked-upon-form-submission">jQuery:如何让这些按钮是在表单提交点击？

它具有相似性的需求。

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?

解决方案

$(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.

这篇关于多个提交按钮的HTML表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！