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

Submit form using 2 buttons with one of them opening in new tab

本文关键字：按钮 新选项 选项 一个 提交 2个 表单 使用      更新时间：2023-09-26

我有一个用于提交帖子的表单。我想放置一个按钮来保存帖子和另一个在新标签中预览帖子。以下是代码，但它不工作。

    <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();
            });

改成:

$('#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()。此外，表单将对自身进行序列化。

相关文章：