gpt4 book ai didi

javascript - 使用 JavaScript 从表单中获取值并将该值插入到表中

转载 作者:行者123 更新时间:2023-12-02 15:05:57 24 4
gpt4 key购买 nike

我创建了简单的表单和表格。所以我需要从表单中添加值。我已经创建了代码,但它不起作用。

<html>
<body>
<script>
function clickFunction(){
document.getElementByName('inputvalue').innerHTML = document.getElementByName('name');
}
</script>
<form>
Name: <input type="text" name="name">
<input type="submit" value="Done" onclick="clickFunction()">
</form>
<table border="1">
<tr><td>Data input: </td><td><label name="inputvalue" > null </label></td></tr>
</table>
</body>
</html>

最佳答案

您必须先解决一些问题:

  1. 应该是document.getElementsByName ,您缺少一个 's'。
  2. 因为,提交是在表单元素中的。单击它后,它将提交表单。因此,您应该使用 return false 来停止它在函数中。
  3. 要从输入框中获取值,您应该在 document.getElementByName('name') 后面添加“value” 。应该是document.getElementByName('name').value .
  4. 我已添加e.preventDefault 。如果有的话,它会尝试提交。在这种情况下,HTML 会有轻微的变化。

    ... <input type="submit" value="Done" onclick="clickFunction(event)">...

更正后的源代码:https://jsfiddle.net/gy03xz4b/4/

HTML 没问题,js 会改变一点:

 function clickFunction() {
document.getElementsByName('inputvalue')[0].innerHTML = document.getElementsByName('name')[0].value;
return false;
}

希望有帮助!

引用:

  1. https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByName

  2. http://www.irt.org/script/155.htm (“return false”有什么作用?)

  3. https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault (e.preventDefault)

关于javascript - 使用 JavaScript 从表单中获取值并将该值插入到表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35121754/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com