Javascript在新窗口中重新提交具有特定维度的表单

Javascript resubmits form in new window with specific dimensions

本文关键字：表单 新提交 新窗口 窗口 Javascript 提交      更新时间：2023-09-26

我有下面的表单，它为下拉字段创建了一个选项列表。更改选定值后，脚本将重新提交表单并在新选项卡中打开。如何在具有预定义尺寸（宽度、高度）的新窗口中打开表单？

    <form action="STRcontact_us.asp" method="post" name="frmsubmit" target="new"> 
  <select name="options" onChange="javascript: document.forms['frmsubmit'].submit()"> 
<option value="sales">Select Department</option> 
<option value="Material Handling Components">Material Handling Components</option> 
<option value="Construction Components">Construction Components</option> 
<option value="Track Pad ">Track Pad</option> 
</select>
</form>

尝试给select一个ID并将其添加到头部

实时演示 

window.onload=function() {
  document.getElementById("sel1").onchange=function() {
    window.open("","newWin","width=400,height=500");
    this.form.submit();
  }
}

使用

<form action="STRcontact_us.asp" method="post" name="frmsubmit" target="newWin"> 
  <select name="options" id="sel1">

如果IE给你带来困难，我们需要稍微更改一下脚本

window.onload=function() {
  document.getElementById("sel1").onchange=function() {
    window.open("","newWin","width=400,height=500");
    setTimeout(function() {
      document.forms[0].submit();
    },100);// allow IE to get over the shock of opening a window
  }
}

其他事项：事件处理程序中不需要javascript:

相关文章：