从输入到超链接注入动态查询字符串值

Question

我有一个网页，其中有一个输入，用户可以输入一个值（例如：10,15,30等...）

然后我有一个链接应该将此值传递给我的服务器，例如：

<a href="http://www.example.com/myscript.php?inputValue=X">

其中X将是用户在输入中键入的值...

如何在不重写所有标签或链接的情况下更改X？

Answer 1

假设您有以下标记，

<input type='text' id='txt'/>
<a id='link' href="http://www.example.com/myscript.php"></a>

您可以像

一样更改锚点

var value = document.getElementById('txt').value;
var anchor = document.getElementById('link');
var href= anchor.href;
anchor.href= href.split('?inputValue=')[0].concat('?inputValue='+value);

旁注：从问题中确切地知道href何时需要更改