Javascript 使用php使用href link将输入文本框值传递到另一个页面

我有一个输入标记文本框，其中有一个值，我希望使用href标记将该值从一个页面传递到另一个页面。这可能吗

这是我的HTML代码

<input type="text" placeholder="Place given Access Key" id="accesskeynum" name="accesskeynum" value="accesskeynum">

下面是我使用php将其传递到另一个页面的代码

但当我回显第2页中的值时，它返回空白，即使我在文本字段中输入1234

<a href="immobilization_actions.php?action=immobilizerx&id=<?php echo $_POST['accesskeynum'] ?>" style="margin-right:50px;"><img src='style/Immobilize.png' height="75" width="75" onmouseover="this.src='style/Immobilize.png';" onmouseout="this.src='style/Immobilize.png';" /></a>

---

请帮帮我。提前感谢您的帮助。

最简单的js解决方案：

<a href="/immobilization_actions.php?action=immobilizerx" onclick="window.location=this.href+'?id='+document.getElementById('accesskeynum').value;return false;">Click</a>     

---

您的HTML使用内联事件处理程序看起来有点凌乱，这是不好的。强烈建议将行为与标记（表示）分开。那么，让我们试试：

<input type="text" placeholder="Place given Access Key" id="accesskeynum" name="accesskeynum" value="accesskeynum">    

<a href="immobilization_actions.php?action=immobilizerx" style="margin-right:50px;"><img src='style/Immobilize.png' height="75" width="75" /></a>

---

Demo@

您需要提交表单以在另一个页面中获取值……或者使用JavaScript读取值，并将其放入链接通过其

href

属性引用的URL中，例如作为查询字符串参数。JavaScript（或jQuery）是您的朋友。到目前为止，您在JS/jQuery方面尝试过什么吗？

var ele = document.querySelector("a");
var input =  document.querySelector("#accesskeynum");
ele.href += "&id="+ input.value;

input.addEventListener("change", function() {
    ele.href = ele.href.replace(/&id=[^"']*/, "");
    ele.href += "&id="+ this.value;
});

ele.addEventListener("mouseenter", function() {
    this.src='style/Immobilize.png';
});
ele.addEventListener("mouseleave", function() {
    this.src='style/Immobilize.png';
});