使用Javascript扩展HTML表单
我有一个简单的HTML表单，要求用户输入他们的姓名、SKU、数量和注释。这是一个简单的库存申请系统使用Javascript扩展HTML表单,javascript,html,Javascript,Html,我有一个简单的HTML表单，要求用户输入他们的姓名、SKU、数量和注释。这是一个简单的库存申请系统 <html> <body> <form id="myForm" method="post"> <input type="submit"> <br>Name: <input type="text" name="form[name]"> <br>SKU: <in
<html>
<body>
<form id="myForm" method="post">
<input type="submit">
<br>Name: <input type="text" name="form[name]">
<br>SKU: <input type="text" name="form[SKU1]">
<br>Quantity: <input type="text" name="form[quantity1]">
<br>Comment: <input type="text" name="form[comment1]">
</form>
<a href="javascript:addOption();">Add item</a>
<script>
var num = 2; //The first option to be added is number 2
function addOption() {
var theForm = document.getElementById("myForm");
var newOption = document.createElement("input");
newOption.name = "form[SKU"+num+"]"; // form[varX]
newOption.type = "text";
theForm.appendChild(newOption); //How can I add a newline here?
optionNumber++;
}
</script>
</body>
</html>
姓名：
SKU：
数量：
评论：
var-num=2//要添加的第一个选项是数字2
函数addOption（）{
var theForm=document.getElementById（“myForm”）；
var newOption=document.createElement（“输入”）；
newOption.name=“form[SKU”+num+”]；//form[varX]
newOption.type=“text”；
appendChild（newOption）；//如何在此处添加换行符？
optionNumber++；
}
目前，我只能让它在添加单个表单值的地方工作。我想重新创建整个myForm，只需单击一下name字段 你的帖子很老了，所以现在你大概已经找到答案了。但是，您的代码有一些地方不正确 在您拥有的JavaScript代码中
var num = 2;
optionNumber++;
哦，还有添加换行符：您需要附加一个