当用户更改 a 的值时,我想编辑链接<input type="text">
,但我无法让它工作。我的 HTML:
<head>
<link rel="stylesheet" href="styles.css" />
<script type="text/javascript">
function updateGiveLink() {
document.getElementById("givelink").innerHTML = "http://kroltan.eliti.com.br/diamonds/?give="+document.getElementsById("givetext").value;
document.getElementById("givelink").href = "http://kroltan.eliti.com.br/diamonds/?give="+document.getElementsById("givetext").value;
}
</script>
</head>
<input type="text" placeholder="Minecraft username" name="give" id="givetext" onchange="updateGiveLink()" />
<a id="givelink" href="http://kroltan.eliti.com.br/diamonds/?give=Player">http://kroltan.eliti.com.br/diamonds/?give=Player</a>
这应该会更改 URL 并显示文本,givelink
因此?give=
url 的部分具有 text field 的值givetext
。但它没有按预期工作。相反,它什么也不做。我也尝试使用onkeyup
and oninput
(在另一个相关问题中看到了这些),但没有成功。