Javascript 根据提交的编号克隆一个div

Javascript 根据提交的编号克隆一个div,javascript,html,forms,onsubmit,Javascript,Html,Forms,Onsubmit,我想知道如何根据用户提交的号码克隆我的div。如果他输入3并按提交,这将克隆3个div,如果42--->42个div被克隆,依此类推。有人能帮忙吗 现在,我只有一个按钮,每次按下它都可以克隆我的div 提前谢谢 函数colorDiv(){ var selection=document.getElementById('color')。值; var div=document.getElementById('change'); 开关(选择){ 案例“1”: div.style.backgroundC

我想知道如何根据用户提交的号码克隆我的div。如果他输入3并按提交,这将克隆3个div,如果42--->42个div被克隆,依此类推。有人能帮忙吗

现在,我只有一个按钮,每次按下它都可以克隆我的div

提前谢谢

函数colorDiv(){
var selection=document.getElementById('color')。值;
var div=document.getElementById('change');
开关(选择){
案例“1”:
div.style.backgroundColor='灰色';
打破
案例“2”:
div.style.backgroundColor='黄色';
打破
案例“3”:
div.style.backgroundColor='蓝色';
打破
案例“4”:
div.style.backgroundColor='红色';
打破
案例“5”:
div.style.backgroundColor='绿色';
打破
}
}
函数multi(){
var item=document.getElementById(“变更”);
var ligne=document.getElementById(“br”);
var dupli=item.cloneNode(真);
var dupliLig=ligne.cloneNode(真);
文件.正文.附件(dupli);
文件.body.appendChild(dupliLig);
}


灰色 黄色的 蓝色 红色 绿色
创建一个
numer
输入以获取计数。您可以添加
max
min
来限制计数。单击“提交”获取此值。使用此
count
可以使用简单的
for
循环多次重复克隆

对于
更改
,请尝试使用
而不是
id
,因为
id
需要唯一。克隆时,您最终会拥有具有相同id的不同元素,这是无效的HTML

函数colorDiv(){
var selection=document.getElementById('color')。值;
var div=document.getElementById('change');
开关(选择){
案例“1”:
div.style.backgroundColor='灰色';
打破
案例“2”:
div.style.backgroundColor='黄色';
打破
案例“3”:
div.style.backgroundColor='蓝色';
打破
案例“4”:
div.style.backgroundColor='红色';
打破
案例“5”:
div.style.backgroundColor='绿色';
打破
}
}
函数multi(){
var item=document.getElementById(“变更”);
var count=+document.getElementById(“count”).value;
var ligne=document.getElementById(“br”);
对于(变量i=0;i


灰色 黄色的 蓝色 红色 绿色
在multi()函数中,需要为asSiam所说的语句添加一个For语句

例如:

function multi() {
var times = parseInt($("input[type='text']").val());
for (var i = 0; i < times; i++) {
    var item = document.getElementById("change");
    var ligne = document.getElementById("br");
    var dupli = item.cloneNode(true);
    var dupliLig = ligne.cloneNode(true);
    document.body.appendChild(dupli);
    document.body.appendChild(dupliLig);
} }
函数多(){
var times=parseInt($(“输入[type='text'])).val();
对于(变量i=0;i<次;i++){
var item=document.getElementById(“变更”);
var ligne=document.getElementById(“br”);
var dupli=item.cloneNode(真);
var dupliLig=ligne.cloneNode(真);
文件.正文.附件(dupli);
文件.body.appendChild(dupliLig);
} }

从多次的输入标记和循环克隆操作中获取编号

function multi() {
    var times = parseInt(document.getElementById("times").value);
    for(i=0;i<times;i++){
        var item = document.getElementById("change");
        var ligne = document.getElementById("br");
        var dupli = item.cloneNode(true);
        var dupliLig = ligne.cloneNode(true);
        document.body.appendChild(dupli);
        document.body.appendChild(dupliLig);
      }
    }
函数多(){
var times=parseInt(document.getElementById(“times”).value);

for(i=0;iPerfect!正在考虑for循环,但不是那样:)ty
function multi() {
    var times = parseInt(document.getElementById("times").value);
    for(i=0;i<times;i++){
        var item = document.getElementById("change");
        var ligne = document.getElementById("br");
        var dupli = item.cloneNode(true);
        var dupliLig = ligne.cloneNode(true);
        document.body.appendChild(dupli);
        document.body.appendChild(dupliLig);
      }
    }