make jquery array with each(function) for selects and inputs : I want to rebuild this array:

    var testarr=[["Option1","","Text1"],["Option2","Input_1",""]];

with jquery each(function) an push() for selects and inputs


    <div>
      <select id="idTest" class="select_css" name="selectTest[]">
        <option value="" selected>Option</option>
        <option value="Option1">Option1</option>			
        <option value="Option2">Option2</option>	
      </select>
      
    
    	<input type="text" class="input_css" data-room="1"  name="input_1[]" />
    	<input type="text" class="input_css" data-other="1" name="input_2[]" />
    </div>
    
    <div>
      <textarea name="textareaTest[]" placeholder="Test" class="textarea_css" id="textarea1"></textarea>
    </div>
    
    
    
    <div>
      <select id="idTest" class="select_css" name="selectTest[]">
        <option value="" selected>Option</option>
        <option value="Option1">Option1</option>			
        <option value="Option2">Option2</option>	
      </select>
      
    
    	<input type="text" class="input_css" name="input_1[]" />
    	<input type="text" class="input_css" name="input_2[]" />
    </div>
    
    <div>
      <textarea name="textareaTest[]" placeholder="Test" class="textarea_css" id="textarea1"></textarea>
    </div>
    
    
    <div id="arrlist"></div>



   

     <script>
    var testarr=[["Option1","","Text1"],["Option2","Input_1",""]];
        
        for(var i=0; i<testarr.length; i++) {
        text = '<div>'+testarr[i][0]+'<br>'+testarr[i][1]+'</div><div>'+testarr[i][2]+'</div>';
        $("#arrlist").append(text);
        }
    </script>


[https://jsfiddle.net/htpmj532/6/][1]


  [1]: https://jsfiddle.net/htpmj532/6/