gpt4 book ai didi

javascript - 根据输入创建 div X 次

转载 作者:行者123 更新时间:2023-12-03 10:20:26 26 4
gpt4 key购买 nike

我正在尝试使用 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 就绪处理程序。使用类似这样的东西:

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()">

关于javascript - 根据输入创建 div X 次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29660578/

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