[SOLUCIONADO] Apartir de un Select crear DIV's

[mohanik91]

Hola muy buenas me gustaría que me pudieran ayudar hacer este problema con JQUERY y DOM

<div id=”pagina”>

<form>

<select name="divs" id="selectDivs">
<option value="">Tamaño DIV's</option>
<option value="uno" id="uno">1</option>
<option value="dos" id="dos" >2</option>
<option value="tres" id="tres" >3</option>
</select>

<input type="submit" value="ADD" onclick="divs()"/>
</form>

<hr>

<div id="cuerpo"></div>
</div>


a partir de aquí como haría que cuando selecciono un select 1 se debe crear un div con id="1_1" o que cuando selecciono el select 2 se crear dos divs con id="2_1" y id="2_2".

ademas de poder crear uno tras otro sin fin, es decir, selecciono el select 1 se crear un div y después selecciono 3 se me crear debajo del div 1 los 3 divs siguientes así sucesivamente.

Gracias.

[Alexis88]

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:

var 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

[mohanik91]

muchísimas gracias, saludos.