Javascript 如何在HTML中将文本输入值添加到URL的末尾？

我不熟悉HTML；我需要将文本输入中的数字附加到url的末尾。我该怎么做

<input type=\"number\" id=\"b\" name=\"b\" value=\"1\">\
<script>
  var str,i;
  i= parseInt(b.value);
  str+="<a href=/t"+i+">Send</a>";
</script>

\
var-str，i；
i=parseInt（b.值）；
str+=”；

当我尝试使用上述示例代码时，当单击“发送”时，它总是发送

b

的初始值，即“1”。尽管我更改了

b

的值并试图发送它，但它发送的是相同的初始值

---

有人能帮我吗？

您可以使用id搜索元素

var el = document.getElementById("b")

使用

.value

var val =el.value

并使用

窗口将其设置为url。位置

var url = window.location.href; // this will return current url
url += "?key=" + val;
window.location.href=url;

无法获得更新值的另一个原因是在页面加载时调用脚本。您必须在事件中更新它。查找

blur

事件，或者您可以使用一个按钮，单击事件，计算url并发送到它。

试试这个

<input type="number" id="b" name="b" value="1">
<a id="c" href="">Send</a>

<script>
  document.getElementById("c").addEventListener("click", function() {
    var i = document.getElementById("b").value;
    this.setAttribute("href", "/t" + i);
  });
</script>

document.getElementById（“c”）.addEventListener（“单击”，函数）（）{
var i=document.getElementById（“b”）.value；
this.setAttribute（“href”、“/t”+i）；
});

代码的问题在于，它在页面加载时写入“数字”框的初始值。您想要的快速版本是：

<input type="number" id="b" name="b" value="1" onchange="link1.href='t/'+parseInt(b.value);">
<a id="link1" href="">Send</a>

---

这段代码适用于最新版本的Chrome、Firefox和Internet Explorer。您可能希望使用jQuery或document.getElementById来引用页面元素。

为什么要尝试用``字符转义引号？