我用JavaScript编写了这段代码,我';我做错了?

我用JavaScript编写了这段代码,我';我做错了?,javascript,html,Javascript,Html,我有以下代码: 如何使代码同时使用这两个选项?因为现在它只使用一个选项,因为我认为代码没有正确的复制 <form action="https://track.aftership.com/tuffnells/" method="get" target="_blank" id="my-form"> <input type="text" name="reference-number" id="reference-number" value="" /> <input

我有以下代码:

如何使代码同时使用这两个选项?因为现在它只使用一个选项,因为我认为代码没有正确的复制

<form action="https://track.aftership.com/tuffnells/" method="get" target="_blank" id="my-form">
  <input type="text" name="reference-number" id="reference-number" value="" />
  <input type="submit" value="submit" />
</form>

<script type="text/javascript">
  var form       = document.querySelector('#my-form'),
      text_field = document.querySelector('#reference-number');

  function submitHandler(){
    // build the new url and open a new window
    var url = form.action + text_field.value + '?tracking_account_number=318843';
    window.open(url);

// prevent form from being submitted because we already
// called the request in a new window
return false;
  }

  // attach custom submit handler
  form.onsubmit = submitHandler;
</script>

<form action="https://track.aftership.com/tnt-reference/" method="get"             target="_blank" id="my-form1">
  <input type="text" name="reference-number1" id="reference-number1" value="" />
  <input type="submit" value="submit" />
</form>

<script type="text/javascript">
  var form       = document.querySelector('#my-form1'),
      text_field = document.querySelector('#reference-number1');

  function submitHandler(){
    // build the new url and open a new window
    var url = form.action + text_field.value + '?';
    window.open(url);

    // prevent form from being submitted because we already
    // called the request in a new window
    return false;
  }

  // attach custom submit handler
  form.onsubmit = submitHandler;
</script>

var form=document.querySelector(“#我的表单”),
text#u field=document.querySelector(“#参考号”);
函数submitHandler(){
//构建新的url并打开一个新窗口
var url=form.action+text_field.value+'?跟踪_账户_编号=318843';
窗口打开(url);
//阻止表单提交,因为我们已经
//在新窗口中调用请求
返回false;
}
//附加自定义提交处理程序
form.onsubmit=提交者;
var form=document.querySelector(“#my-form1”),
text#u field=document.querySelector(“#reference-number1”);
函数submitHandler(){
//构建新的url并打开一个新窗口
var url=form.action+text_field.value+'?';
窗口打开(url);
//阻止表单提交,因为我们已经
//在新窗口中调用请求
返回false;
}
//附加自定义提交处理程序
form.onsubmit=提交者;

我怎样才能使它工作两次,因为现在只工作一次。

只需在第二个脚本部分重命名变量,如下所示:

var form=document.querySelector(“#my-form1”),
text#u field=document.querySelector(“#reference-number1”)

致:

同时更改(在第二个脚本上):

致:


这是一把小提琴:

Java!=JavaScript。巨大的差异。请告诉我们这些表单中哪些工作不正常,以及在您提交表单时它是如何工作的。还要检查javascript控制台是否有错误。对我来说,它看起来像是正确的(尽管质量很差)代码。
 var form1       = document.querySelector('#my-form1'),
  text_field1 = document.querySelector('#reference-number1');
 var url = form.action + text_field.value + '?';
window.open(url);
 var url1 = form1.action + text_field1.value + '?';
window.open(url1);