SO - 15616361

by Arun P Johny

HTML

<input id="no_of_obj" onchange="obj()"/>
<div id="objBlock">
    
</div>

JavaScript

function obj(){
    
    var a=document.getElementById('no_of_obj').value;//select tag value(1 to 6)
    var b=document.getElementById('objBlock')//this is the container
    var i=0;
    
    while(b.children.length < a){
        var ct = document.createElement('div');
        var txt=document.createElement('input');
        txt.type="text";
        txt.id="obj"+i;
        txt.style.height="30px";
        ct.appendChild(txt);
        b.appendChild(ct)
    }
    
    while(b.children.length > a){
        b.removeChild(b.children[b.children.length - 1]);
    }
}