如何使用jQuery表单提交包含提交输入和按钮值?

时间:2014-01-28 16:32:39

标签: javascript jquery html forms

我刚刚意识到serializeArray()不会包含每个http://api.jquery.com/serializearray/的提交输入和提交按钮值

  

由于未提交表单,因此未序列化提交按钮值   使用按钮。

在表单提交中包含按钮值的最简洁方法是什么?

http://jsfiddle.net/QJz35/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
        <title>Testing</title>  
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script>
        <script type="text/javascript"> 
            $(function(){
                $("#myForm").submit(function(){
                    var inputs=$(this).find(":input");
                    var inputs_serial=inputs.serializeArray();
                    console.log(this,inputs,inputs_serial);
                    return false;
                });
            });
        </script>
    </head>

    <body>
        <form id="myForm">
            <input name="text" value="text" type="text">
            <button name="task" value="MyTask" type="submit">My Task</button>
            <input name="task" value="MyTask" type="submit">
        </form>
    </body> 
</html> 

0 个答案:

没有答案