Javascript 使用同一脚本发送多个cookie

我试图在表单提交中发送两个cookie值，一个名为“cookie1”，另一个名为“cookie2”。我使用下面的脚本捕获了一个cookie并以表单形式发送它。现在我已经添加了与第一个脚本相同的第二个脚本，只发送cookie2。这是因为我在javascript中使用了相同的变量名，所以只保存最后一个变量，还是其他原因？任何帮助都将不胜感激

代码如下：

<input type="hidden" name="SubID" value="">
<input type="hidden" name="addinfo" value="">

<script type="text/javascript">
function getCookie(name) {
  var re = new RegExp(name + "=([^;]+)");
  var value = re.exec(document.cookie);
  return (value != null) ? unescape(value[1]) : null;
}
  var myForm = document.querySelector('form');

function handleSubmit() {
  var myHiddenInput = document.querySelector('[name=SubID]');
  myHiddenInput.value = getCookie("cookie1");
}

myForm.addEventListener("submit", handleSubmit, false);
</script>
<script type="text/javascript">
function getCookie(name) {
  var re = new RegExp(name + "=([^;]+)");
  var value = re.exec(document.cookie);
  return (value != null) ? unescape(value[1]) : null;
}
  var myForm = document.querySelector('form');

function handleSubmit() {
  var myHiddenInput = document.querySelector('[name=addinfo]');
  myHiddenInput.value = getCookie("cookie2");
}

myForm.addEventListener("submit", handleSubmit, false);
</script>

函数getCookie（名称）{
var re=new RegExp（name+“=（[^；]+）”）；
var值=re.exec（document.cookie）；
返回值（值！=null）？unescape（值[1]）：null；
}
var myForm=document.querySelector（'form'）；
函数handleSubmit（）{
var myHiddenInput=document.querySelector（“[name=SubID]”）；
myHiddenInput.value=getCookie（“cookie1”）；
}
myForm.addEventListener（“提交”，handleSubmit，false）；
函数getCookie（名称）{
var re=new RegExp（name+“=（[^；]+）”）；
var值=re.exec（document.cookie）；
返回值（值！=null）？unescape（值[1]）：null；
}
var myForm=document.querySelector（'form'）；
函数handleSubmit（）{
var myHiddenInput=document.querySelector（“[name=addinfo]”）；
myHiddenInput.value=getCookie（“cookie2”）；
}
myForm.addEventListener（“提交”，handleSubmit，false）；

第二个

完全覆盖第一个。您不必每次都声明相同的函数和变量：

<input type="hidden" name="SubID" value="">
<input type="hidden" name="addinfo" value="">

<script type="text/javascript">
function getCookie(name) {
  var re = new RegExp(name + "=([^;]+)");
  var value = re.exec(document.cookie);
  return (value != null) ? unescape(value[1]) : null;
}
  var myForm = document.querySelector('form');

function handleSubmit() {
  var myHiddenInput = document.querySelector('[name=SubID]');
  myHiddenInput.value = getCookie("cookie1");
  var myHiddenInput = document.querySelector('[name=addinfo]');
  myHiddenInput.value = getCookie("cookie2");
}

myForm.addEventListener("submit", handleSubmit, false);
</script>

函数getCookie（名称）{
var re=new RegExp（name+“=（[^；]+）”）；
var值=re.exec（document.cookie）；
返回值（值！=null）？unescape（值[1]）：null；
}
var myForm=document.querySelector（'form'）；
函数handleSubmit（）{
var myHiddenInput=document.querySelector（“[name=SubID]”）；
myHiddenInput.value=getCookie（“cookie1”）；
var myHiddenInput=document.querySelector（“[name=addinfo]”）；
myHiddenInput.value=getCookie（“cookie2”）；
}
myForm.addEventListener（“提交”，handleSubmit，false）；

我尝试使用该脚本，但它仍然覆盖了第一个值。我还尝试将第二个变量更改为“myHiddenInput2”，但仍然不起作用