javascript - 将多个值传递到另一页

Question

我目前有一个文本字段，可以在其中设置一个值，只要我按下更改按钮，就会触发此功能:

function change1(){
   var myNewTitle = document.getElementById('myTextField1').value;
   if( myNewTitle.length==0 ){
       alert('Write Some real Text please.');
   return;
   }
  document.getElementById("myLink").href="convert.php?var1=" + myNewTitle ;
   var titles = document.getElementsByClassName('title1');
   Array.prototype.forEach.call(titles,title => {
    title.innerHTML = myNewTitle;
   });
}

这是文本字段的示例:

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

像这样传递值似乎工作得很好，但问题是我有一些其他文本字段和更多更改功能。但是，如何从多个文本字段传递多个值，就像我刚刚展示的那样？

假设文本字段 1 附加到函数change1，我有文本字段 2，它附加到几乎相同的函数更改 2。我该如何制作它，以便我从文本字段 2 传递另一个值，以便文本字段 1 和 2 中的两个值传递到另一个页面。

编辑:我已经尝试过这样的操作，但这不起作用，但这是我希望它如何工作的想法。

function change1(){
   var myNewTitle = document.getElementById('myTextField1').value;
   if( myNewTitle.length==0 ){
       alert('Write Some real Text please.');
   return;
   }
  document.getElementById("myLink").href="convert.php?var1=" + myNewTitle +"&var2=" +  myNewTitle2;
   var titles = document.getElementsByClassName('title1');
   Array.prototype.forEach.call(titles,title => {
    title.innerHTML = myNewTitle;
   });
}
function change2(){
   var myNewTitle2 = document.getElementById('myTextField2').value;
   if( myNewTitle.length==0 ){
       alert('Write Some real Text please.');
   return;
   }
   document.getElementById("myLink").href="convert.php?var1=" + myNewTitle +"&var2=" +  myNewTitle2;
   var titles = document.getElementsByClassName('title2');
   Array.prototype.forEach.call(titles,title => {
    title.innerHTML = myNewTitle2;
   });
}

Answer 1

试试这个:

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

& 运算符用于在 url 上传递值