gpt4 book ai didi

javascript - 创建输入元素并用 js 脚本填充它们

转载 作者:行者123 更新时间:2023-11-28 18:14:57 24 4
gpt4 key购买 nike

我试图在表单中添加一些输入行,以便我能够在一个请求中将它们发布到后端,并且如果需要,还能够添加更多相同的信息类型这是我正在使用的代码:

<!DOCTYPE html>
<head>
</head>
<body>
<form action="#" method="post">
<input id="firstElement" type="text" name="firstElement" value="">
<button onClick="addRow()">add row</button><br>
<div id="container"></div>
<input type="submit" value="submit">
</form>

<script>
function addRow() {
var container = document.getElementById("container");
var myElement1 = document.getElementById("firstElement").value;

document.getElementById("firstElement").value = "";

var i = 0;

var input1 = document.createElement("input");
input1.type = "text";
input1.name= "myElement1"+ i;
input1.disabled = "true";
input1.value = myElement1;
container.appendChild(input1);
container.appendChild(document.createElement("br"));
i++;
}
</script>
</body>

此代码显示输出一秒或更短时间,然后什么都没有......

最佳答案

按钮元素的默认 type 属性是 submit,因此当您单击该按钮时,您实际上是在提交表单。通过将 type 指定为 button 即可轻松更改:

<button onClick="addRow()" type="button">add row</button>

<强> jsFiddle example

关于javascript - 创建输入元素并用 js 脚本填充它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40895293/

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