javascript - 在其他页面中使用更改的值

Question

我有一个文本字段:

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

我可以使用此函数设置它的值:

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

现在在我的其他页面中，我想使用该值。我知道我可以将一个值从一个页面传递到另一个页面，如下所示:

<a href='convert.php?var=data'>converteren.</a>

然后例如通过在其他页面中执行此操作来显示它:

echo $_GET['var'];

但我似乎无法真正弄清楚如何使用我使用文本字段设置的值。

所以我现在的目标是使用我刚才描述的方法在另一个页面中显示我使用文本字段设置的值。

基本上我想要发生的就是让我的文本字段也更改此处的值:

<a href='convert.php?var=data'>converteren.</a>

因此，如果数据是值，我希望它成为我在文本字段中输入的内容。

谁能给我举个例子吗？

Answer 1

我对您的 javascript 代码进行了一些修改，以使链接符合您的要求。

为了解释答案，我添加了 document.getElementById("myLink").href="convert.php?var="+ myNewTitle ; ，它会在函数运行时更新您的 a href并且不为空。

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?var=" + myNewTitle ; 
   var titles = document.getElementsByClassName('title1');
   Array.prototype.forEach.call(titles,title => {
    title.innerHTML = myNewTitle;
   });
}

<a id="myLink" href='#'>converteren.</a>