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

时间:2013-10-10 12:11:12

标签: javascript jquery html html-form new-window

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

为实现这一目标,我已经使用过:

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

显然,使这成为可能的表格目标是折旧的(我从未真正知道),并且似乎谷歌可能已在其最新更新中删除了此功能,因为它已停止工作(但仍可在Firefox中使用)。

我的替代方案是什么?我发现的答案都指向了formtarget或target,但不再工作了。

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

修改

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

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:2)

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

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