在表单中有一个提交按钮（在多个按钮中）打开一个新选项卡

Question

我有一个带有提交按钮的表单和一个在提交前预览 PDF 的按钮。我希望预览 PDF 按钮将表单数据传递到新页面（这显然会生成 PDF），但提交按钮可以在当前页面上工作。

我一直在环顾四周，但大多数答案都指向在表单标签中使用target="_blank"，尽管这在我的情况下不起作用，因为这会打开选项卡中的每个按钮。其他一些展示了如何在 javascript 中打开一个窗口，但没有任何表单数据，除非它是通过 URL 传递的。

我只真正了解 PHP 和 HTML，所以我可以通过提交到同一页面、替换框中的文本并在此过程中打开一个新窗口来实现，但这有点过于复杂了为了一个新标签，另外我需要将所有内容设置为会话变量或通过 URL 传递内容。

Answer 1

像这样？

window.onload = function() {
  document.getElementById("preview").onclick = function() {
    document.getElementById("previewIFrame").src = "showpdf.php?id=" + document.getElementById("pdfID").value;
    document.getElementById("previewDiv").style.display = "block";
  }
  document.getElementById("close").onclick = function() {
    document.getElementById("previewDiv").style.display = "none";
  }
}

#previewDiv {
  display: none;
}

<form>
  <input type="hidden" value="<?php echo $pdfId; ?>" id="pdfID" />
  <input type="button" value="preview" id="preview" />
</form>
<div id="previewDiv"><span id="close">Close</span>
  <br>
  <iframe src="" id="previewIFrame"></iframe>
</div>

或者只是

<form action="send.php">
  <input name="pdfID" type="hidden" value="<?php echo $pdfId; ?>"/>
  <input type="submit">
</form>
<form action="preview.php" target="iframe1">
  <input name="pdfID" type="hidden" value="<?php echo $pdfId; ?>"/>
  <input type="submit">
</form>
<iframe name="iframe1"</iframe>

Answer 2

由于似乎没有任何明显简单的方法可以完成如此​​简单的事情，因此我对问题进行了多次改写并最终找到了一些东西。原来有一个超级简单的方法我完全错过了。

在尝试了 mplugjan 的回答之后，我意识到唯一简单的方法是为每个按钮设置两个单独的表单（除非我做了 akshay 的建议，但这是最后的手段），但我不知何故需要从主要形式，据我所知，这是不可能的单独形式。然后我想我实际上只需要按钮来执行不同的操作，幸运的是确实得出了结果。可以通过formaction和formtarget完成。

如果其他人遇到此问题，如何执行此操作的简要示例：

<form action = "page.php">
    <input type="submit" value="Accept"/>
    <input type="submit" value="Preview PDF" formaction="pdf.php" formtarget="_blank"/>
</form>