将表单提交到新窗口/选项卡

Submit Form to New Window/Tab

本文关键字:选项 窗口 表单提交 新窗口      更新时间:2023-09-26

我已经为我构建的小型CMS编写了一个简单的'添加页面'表单,并且我有一个简单的预览功能,可以提交表单并在新窗口中打开页面的前端版本。

到目前为止,为了实现这一点,我使用了:

<input type="submit" name="pagepreview" value="Preview" formtarget="_blank">

显然,使这成为可能的formtarget已经贬值(我实际上从来不知道(,似乎Google可能在其最新更新中删除了此功能,因为它已停止工作(但仍可在Firefox中使用(。

我在这里有什么选择?我找到的答案都指向formtarget或target,但都不再有效。

理想情况下,我想避免使用Javascript,但如果这是不可能的 - 我将如何使用Javascript或jQuery将表单提交到新窗口?

编辑:

很抱歉解释得不够好 - 我无法将目标属性添加到表单中,因为只有一个按钮允许新窗口(预览按钮(,其他按钮只是在同一页面上提交。Javascript似乎是我唯一的方法。

<form action="..." method="..." target="_blank">
   <input type="submit" name="pagepreview" value="Preview">
</form>

如果需要动态更改目标:

 $('input[type="submit"]').click(function(event){
    var $this = $(this);
    var $form = $this.parents('form');
    $form.attr('target',$this.attr('formtarget'));
    $form.get(0).submit();
    event.preventDefault();
 });

像这样:(添加target = "_blank"(

<form action="" method="" target="_blank">
    <input type="text" />
</form>