gpt4 book ai didi

javascript - 从表单提交中添加数组元素

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

我正在学习 JS 以及如何添加数组元素。我希望将表单中的信息作为新的数组元素提交,并将其显示在下面。找不到使用 JS 的方法。有人可以帮忙吗?到目前为止,在下面找到我的代码,该代码不起作用:

   <!DOCTYPE html>
<html>
<body>
<form>
New array element:<br>
<input id="age" type="text" name="firstname" value="">
<br>
<br>
<input type="submit" value="Submit" onclick="myFunction()">
</form>
<p id="demo"></p>

<script>
var fruits = ["Banana", "Mango", "Apple"]
var newArray = document.getElementById("age").value;
fruits.push(newArray);
document.getElementById("demo").innerHTML = fruits;
</script>
</body>
</html>

谢谢!

最佳答案

您正在调用myFunction()单击按钮但没有 myFunction() 的函数声明在<scripts>

   <!DOCTYPE html>
<html>
<body>


New array element:<br>
<input id="age" type="text" name="firstname" value="">
<br>
<br>
<input type="button" value="Submit" onclick="myFunction()">


<p id="demo"></p>

<script>
var fruits = ["Banana", "Mango", "Apple"];
function myFunction(){
var newArray = document.getElementById("age").value;
fruits.push(newArray);
document.getElementById("age").value = "";
document.getElementById("demo").innerHTML = fruits;
}
</script>

</body>
</html>

编辑

制造fruits数组作为全局数组,即移动 var fruits = ["Banana", "Mango", "Apple"];根据OP的要求,在函数之外。

关于javascript - 从表单提交中添加数组元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31369844/

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