gpt4 book ai didi

javascript - 使用 JavaScript 从表单中获取数据并将其放入表行中。

转载 作者:行者123 更新时间:2023-11-30 16:18:36 25 4
gpt4 key购买 nike

我已经创建了表格。现在我需要将输入数据放入表中。所以我创建了代码,但它不起作用。在这里,我使用 id = "input1"获取输入数据,然后单击提交按钮,它将调用 myfunction() 函数。该函数将显示表中的数据。但它不起作用。

<html>
<head>
<title>
</title>
</head>
<body>
<div id="form1">
</div>
<div id="table1">

</div>
<script>
var f = document.createElement("form");

var i = document.createElement("input");
i.setAttribute('type',"text");
i.setAttribute('name',"input1");
i.setAttribute('id',"input1");

var s = document.createElement("input");
s.setAttribute('type',"submit");
s.setAttribute('value',"Submit");
s.setAttribute('id',"done")

f.appendChild(i);
f.appendChild(s);


document.getElementById("form1").appendChild(f);
</script>
<script>
document.getElementById("done").onclick = function() {myFunction()};

function myFunction() {
var t = document.createElement("table");
t.setAttribute('border',"1");

var row = document.createElement("tr");
var cell = document.createElement("td");
var cellText = document.getElementById("input1");

cell.appendChild(cellText);
row.appendChild(cell);
t.appendChild(row);

document.getElementById("table1").appendChild(t);
}

</script>
</body>
</html>

最佳答案

您需要将代码更新为以下内容

document.getElementById("done").onclick = function() {
event.preventDefault();
myFunction()
};

供引用 - http://plnkr.co/edit/ZgMWu6tCb95R9TEAQKbi?p=preview

关于javascript - 使用 JavaScript 从表单中获取数据并将其放入表行中。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35099805/

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