我正在尝试使用javascript和jquery创建div。

到目前为止,我的代码:

<script>
var numOfWindows = 3;

var arrayDiv = new Array();
for (var i = 0; i < numOfWindows; i++)
{
    var newDiv = $('#server div:first').clone();
   $('#server').append(newDiv);
}
</script>


<input type="text" name="numserver"><br>
<button onclick="new_server()">GO</button>
<br>

<div id="server">
<div id="1">
<table border="3"><tbody>
<tr><th colspan="4" style="background-color:#b0c4de;">Server 1</th></tr>
<br>
<tr><td>Technology<select name="tech[]"><option value="w">Web</option><option value="d">DB</option><option value="m">Mail</option><option     value="o">Other</option></select><br>
<br></td>
<td>CPU? <input type="text" name="cpu[]"><br></td>
<td>Memory? <input type="text" name="memory[]"><br></td>
<td>Disk Space? <input type="text" name="space[]"><br></td></tr>
<br>
</tbody></table>
</div>
</div>


我的最终结果是使用户能够输入服务器数量并单击GO,然后将自动创建div。

我知道如何获取numOfWindows值,但我认为它现在应该可以使用静态值。

最佳答案

代码是正确的,但是adeneo怎么说,您没有DOM ready处理程序。
改用类似以下的内容:



function LoadMyJs(){
  var numOfWindows = 3;

  var arrayDiv = new Array();
  for (var i = 0; i < numOfWindows; i++)
  {
    var newDiv = $('#server div:first').clone();
    $('#server').append(newDiv);
  }
}

<body onLoad="LoadMyJs()">

10-07 17:20