Question

我有一张表格可以像这样提交

<form role="form" action="{{ url('panel/print/direport') }}" id="printForm" method="post" class="form-horizontal">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="dfno" value="{{ $dfno }}" class="form-control">
    <input type="hidden" name="bonperiod" value="{{ $bonperiod }}" class="form-control">
    <input type="hidden" name="bonstuck" value="{{ $bonstuck }}" class="form-control">
    <input type="hidden" name="boninc" value="{{ $boninc }}" class="form-control">
    <input type="hidden" name="userids" value="{{ $userids }}" class="form-control">
</form>
<button type="button" onclick="document.getElementById('printForm').submit();" class="btn btn-primary">
<i class="glyphicon glyphicon-print"></i>&nbsp; Print</button>

通常如果我们想要提交表单提交以打开新标签我们只需要添加target="_blank"，我的问题是当我点击按钮提交表单时如何打开新的浏览器窗口？

Answer 1

请用js

这样试试

$('.btn-primary').click(function () {
   var url="http://www.yoursite.com";
   window.open(url,'NewWindow','width=600,height=600');
});

Answer 2

我给出的两种方式

<form action="..." ...
onsubmit="window.open('google.html', '_blank', 'scrollbars=no,menubar=no,height=600,width=800,resizable=yes,toolbar=no,status=no');return true;">

我们也可以使用

<form target="_blank" action="http://example.com"
  method="post" id="mc-embedded-subscribe-form"
  name="mc-embedded-subscribe-form" class="validate">

Answer 3

当您向其提供window.open和height属性时，可以通过width方法完成

请参阅链接以获取详细信息 JavaScript open in a new window, not tab

提交表单打开新浏览器

3 个答案: