时间戳

首页 > 解决方案 > 如何将 HTML 元素的文本设置为表单文本提交？

javascript - 如何将 HTML 元素的文本设置为表单文本提交？

问题描述

我正在创建一个篮球得分应用程序，并且我希望团队名称是自定义的，因此我创建了一个表单，以便您可以提交新名称。但是，当我单击提交按钮时，除了页面上的白色闪烁之外什么也没有发生。我只是从我的文件管理器中打开 chrome 中的文件。

这是我需要重命名的内容：

<span class="teamname" id="1">Team 1</span>

这是我的表格：

 <form id="myForm">
<input id="name1" maxlength="6" type="text">
<button type="submit" onclick="updateFunction()">Update Team Names</button>
</form>

最后，这是我的 JavaScript：

function updateFunction() {
var newname1 = document.getElementById("myForm").elements.namedItem("name1").value;
document.getElementById('1').innerHTML = newname1;
}

标签： javascripthtml

解决方案

按钮标记应位于 HTML 表单之外。因此，表格应如下所示：

 <form id="myForm">
 <input id="name1" maxlength="6" type="text">
 </form>
 <button type="submit" onclick="updateFunction()">Update Team Names</button>

推荐阅读