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'];

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

所以我现在的目标是使用我刚才描述的方法在另一页中显示我使用textfield设置的值。

基本上我想要发生的是我的textfield改变这里的值：

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

因此，数据是值，我希望它成为我在文本域中放置的内容。

有人能为我提供一个例子吗？

Answer 1

我已经改变了你的javascript代码，以便根据需要建立链接。

为了解释答案，我添加了document.getElementById("myLink").href="convert.php?var=" + myNewTitle ;，在你的功能运行时更新你的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>

Answer 2

将输入内容包含在form元素中。

在action属性中，指定目标网址。

在方法属性中，选择GET and POST。

例如：

<form method="GET" action="convert.php">
    <input type="text" id="myTextField1" />
    <input type="submit" id="byBtn" value="Change" onclick="change1()"/>
</form>

点击提交按钮会调用＆＃34; convert.php？myTextField1 = {value}＆＃34;。

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

2 个答案: