loop my select options using input="number"?

Question

Here is my Fiddle

<input type="number" id="test" onkeydown="javascript:return event.keyCode==69? false:true" name="form_select" class="text" onchange="showDiv()">
<select id="hidden_div1" style="display:none;" name="form_select">
   <option value="0">No</option>
   <option value ="1">Yes</option>
</select>

<div id="allcontent1"></div>

<script>
  function showDiv(){
  allselect="";
    getSelectValue = parseInt(document.getElementById("test").value);
    if(getSelectValue > 0){
    for (let i=0;i<getSelectValue;i++){
        
       allselect+=document.getElementById("hidden_div1").style.display="block";}
    }else{
   document.getElementById("hidden_div1").style.display="none";
    }
    document.getElementById("allcontent1").innerHtml = allselect;        
}

</script>

I wanted to iterate my select elements, using javascript only