当用户更改<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
的文本,因此url的?give=
部分具有文本字段givetext
的值。但是它没有按预期工作。相反,它什么也不做。我也尝试使用onkeyup
和oninput
(在另一个相关的问题中看到了这些),但没有成功。 最佳答案
您应该是document.getElementById("givetext").value
和getElementsBy
使用s
demo的工作代码