Javascript 只有一个值传递到另一个php页面

我一直在尝试使用文本字段设置值，然后通过url将这些值传递到另一个页面。我原以为我的方法行得通，但行不通，我在这里意识到了我的错误

我有这样一个文本字段：

  Voornaam: <h3 class="title1">Kevin</h3>
  <input type="text" id="myTextField1" />
  <input type="submit" id="byBtn" value="Change" onclick="change1()"/><br/>

正如您所看到的，它设置了var1，但将var2保留为空，var2应该来自另一个文本字段，该字段链接到change2（），它是除href行之外的整个相同函数，该行被更改为：

   document.getElementById("myLink").href="convert.php?var1=&var2=" + myNewTitle;

我知道当我调用了这两个函数，最后调用了change2（）时。。var 1当然又是空的。然而，我希望将它们都设置为var1和var2

有没有人能稍微修改一下我的代码，让它实际上保持两个都设置好了，而不是清空另一个

此外，我确实更喜欢为文本字段使用单独的函数。

尝试类似的方法（仅使用一个更改按钮）：

document.querySelector（'#myBtn'）.addEventListener（'click'，function change（）{
函数isInvalid（输入）{
返回input.value.length==0；
}
var titles=[…document.querySelectorAll（'[class^=“title”]'）；
var inputs=[…document.querySelectorAll（'[id^=“myTextField”]'）；
var anchor=document.querySelector（'#myLink'）；
if（输入部分（isInvalid））{
警惕（'请写一些真实的文本'）；
anchor.href='convert.php'；
}否则{
var querystring=inputs.map（（输入，索引）=>`var${index+1}=${titles[index].textContent=input.value}`）；
anchor.href=`convert.php？${querystring.join（'&'）}`；
}
});
a:after{
内容：attr（href）；
}
Voornaam:
凯文



阿切特纳姆：
博斯曼






为什么您希望通过使用单独的功能来大量复制代码？如果，正如你所说，它们是相同的，但对于它们所针对的领域，这表明你应该将其协调成一个单一的功能。它还可以解决您当前面临的问题。它目前是必需的，但您始终可以建议一段代码来更改它，并使用一个函数。“它当前是必需的”--不，它不是必需的，只是因为您现在正在做它。有很多方法可以重复使用代码，你只是没有使用它们中的任何一种。这是一个学校项目，给我这个任务的那个告诉我，我最好保持现在的状态。在未来，我将不得不优化它。这似乎是一个伟大的解决方案，完全符合我的愿望，除了能够分别改变每个值。它们有时并不都需要改变。当我有更多的时间时，我会很快尝试一下。谢谢当按下“更改”按钮时，我似乎无法让它工作。。它没有任何作用。我还将代码粘贴到一个单独的文件中。。只需要你的代码。还是不走运。它还告诉我无法读取addEventListener的属性。。没关系，我觉得自己很笨。函数不在正确的位置。“更改”按钮现在可以工作了，但是我需要写一些真实的文本，所以我会设法解决这个问题。现在可以工作了！
   document.getElementById("myLink").href="convert.php?var1=&var2=" + myNewTitle;