Basta con que crees elementos
<div>
desde 1 hasta el valor de la opción seleccionada y los añadas al
<div>
de
id
"cuerpo". Para que aumente el valor del
id
de cada
<div>
creado, utiliza variables acumuladoras que vayan aumentando su valor conforme se vayan creando elementos
<div>
.
Código Javascript
:
Ver originalvar select = document.getElementById("selectDivs"),
boton = document.getElementById("crear"),
cuerpo = document.getElementById("cuerpo"),
uno = 0, dos = 0, tres = 0;
boton.addEventListener("click", function(){
if (select.value.length){
var valor = select.options[select.selectedIndex].innerHTML;
for (i = 0; i < valor; i++){
var div = document.createElement("div");
switch (select.value){
case "uno":
div.id = "1_" + (++uno);
break;
case "dos":
div.id = "2_" + (++dos);
break;
case "tres":
div.id = "3_" + (++tres);
break;
}
cuerpo.appendChild(div);
}
}
}, false);
DEMO
Saludos