Maxet: jQuery array mit each(function) zusammenlegen

Beitrag lesen

Ich versuche mit jQuery die Selects und Inputs Werte in einem Array hinzufügen. So das der Array so aussieht:

var testarr=[["Option1","","Input2",""],["Option2","Input1","","Text"]];

mit den leeren Werten.

<div>
  <select id="idTest1" 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="idTest2" 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>


<button id="addButton">Values in Array</button>

<div id="arrlist"></div>

Hier komme ich nicht weiter, wie kann ich arraytest und arraytest_1 zusammenlegen so das es wie testarr aussieht?

var arraytest = []; 
$('select').each(function(){ arraytest.push($(this).val()); }); 

var arraytest_1 = []; 
$('input').each(function(){ arraytest_1.push($(this).val()); });
<script>

$("#addButton").on("click", function() {

    var testarr=[["Option1","","Input2",""],["Option2","Input1","","Text"]];

    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>

Danke für die Hilfe

Maxet