Javascript 动态表单附加字段

我一直在使用下面这个js提琴来做我需要它做的事情，但是我只需要给每个添加一个新的id。。有人有什么想法或建议吗

谢谢

宽度：（英尺）X

转到控制台查看每个带有id的

宽度


var房间=1；
函数add_fields（）{
房间++；
var objTo=document.getElementById（'room\u fileds'）
var divtest=document.createElement（“div”）；
divtest.innerHTML='Room'+Room+'：宽度：（ft）XLength：（ft）'；
对象追加子对象（divtest）
}

div{padding:10px；}

第1房间：
宽度：（英尺）X
长度：（英尺）
长度[]和宽度[]将正常工作-您将在$\u帖子中获得两个数组。然后，您可以执行以下操作：

foreach ($_POST['length'] as $key => $val) {
   echo "length: " . $_POST['length'][$key] . ", width: " . $_POST['width'][$key];
}

或者，如果希望对它们进行编号，可以使用房间编号变量“room”，对每个字段进行编号，如：

divtest.innerHTML = '<div class="label">Room ' + room +':</div><div class="content">';
divtest.innerHTML += '<span>Width: <input type="text" style="width:48px;" name="width_' + room +'" value="" /><small>(ft)</small> X</span>';
divtest.innerHTML += '<span>Length: <input type="text" style="width:48px;" namae="length_' + room +'" value="" /><small>(ft)</small></span>'
divtest.innerHTML += '</div>';

divtest.innerHTML='Room'+Room+'：'；
divtest.innerHTML+='宽度：（英尺）X'；
divtest.innerHTML+='长度：（英尺）'
divtest.innerHTML+=''；
应该递增的“room”变量似乎没有添加到任何变量的过去1？知道为什么会这样吗？请检查更新的小提琴：当我添加房间时，我会看到（在源代码中）名为：width_1，width_2，width_3.的字段。。这就是你想要的还是你需要其他东西？请看fiddle：我们知道递增作为成分1:textbox foodtype 2:textbox正在显示，因此我只能假设名称出于某种原因不接受
+房间+
？@AliceB1它是为“名称”工作的此外，您还可以使用浏览器的开发人员工具检查生成的代码：或者发布以这种方式生成的表单，并在PHP中列出$u POST变量
divtest.innerHTML = '<div class="label">Room ' + room +':</div><div class="content">';
divtest.innerHTML += '<span>Width: <input type="text" style="width:48px;" name="width_' + room +'" value="" /><small>(ft)</small> X</span>';
divtest.innerHTML += '<span>Length: <input type="text" style="width:48px;" namae="length_' + room +'" value="" /><small>(ft)</small></span>'
divtest.innerHTML += '</div>';