jquery - 使用2个按钮提交表单,其中一个按钮在新选项卡中打开

时间:2013-03-03 20:16:21

标签: javascript jquery forms form-submit

我有一张用于提交帖子的表单。我想放置一个按钮来保存帖子,另一个按钮用于在新标签中预览帖子。这是现在的代码,但它不起作用。

    <form id="postForm" method="POST">
      .....
      <button id=save>Save</button>
      <button id="preview">Preview</button>
    </form>

    $('#preview').click(function(){
                var form=$('#postForm');
                form.serialize();
                form.target="_blank";
                form.action="preview.php";
                form.submit();
            });
    $('#save').click(function(){
                var form=$('#postForm');
                form.serialize();
                form.action="save.php";
                form.submit();
            });

1 个答案:

答案 0 :(得分:0)

将其更改为以下内容:

$('#preview').click(function(){
            var form=$('#postForm');
            form.attr('target',"_blank");
            form.attr('action',"preview.php");
        });
$('#save').click(function(){
            var form=$('#postForm');
            form.attr('action',"save.php");
        }); 

您不需要致电form.submit()。此外,表单将自行序列化。