为选择和输入的每个(函数)创建jquery数组

为选择和输入的每个(函数)创建jquery数组,jquery,arrays,Jquery,Arrays,我要重建此阵列: var testarr=[["Option1","","Text1"],["Option2","Input_1",""]]; 使用jquery,每个函数都有一个push()用于选择和输入 我这样试过: var arraytest = []; $('select').each(function(){ arraytest.push($(this).val()); }); var arraytest_1 = []; $('input').each(function(){ a

我要重建此阵列:

var testarr=[["Option1","","Text1"],["Option2","Input_1",""]];
使用jquery,每个函数都有一个push()用于选择和输入

我这样试过:

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

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


<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>
var arraytest=[];
$('select').each(函数(){arraytest.push($(this.val());});
var arraytest_1=[];
$('input').each(function(){arraytest_1.push($(this.val());});
选项
选择1
选择2
选项
选择1
选择2
var testarr=[“选项1”、“文本1”、“选项2”、“输入1”、“文本1];

对于(var i=0;i首先,当需要将新元素添加到数组中时,需要向按钮添加事件侦听器

试着这样做:

<div>
<select id="idTest0" class="select_css" name="selectTest[]">
    <option value="" selected>Option</option>
    <option value="Option1">Option1</option>
    <option value="Option2">Option2</option>
</select>

<input
    id="input01"
    type="text"
    class="input_css"
    data-room="1"
    name="input_1[]"
/>
<input
    id="input02"
    type="text"
    class="input_css"
    data-other="1"
    name="input_2[]"
/>
</div>

<div>
<textarea
    name="textareaTest[]"
    placeholder="Test"
    class="textarea_css"
    id="textarea0"
></textarea>
</div>

<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 id="input11" type="text" class="input_css" name="input_1[]" />
<input id="input12" 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">Add values to array</button>

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

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

function renderOptions() {
    for (var i = 0; i < testarr.length; i++) {
    text =
        "<div>" +
        testarr[i][0] +
        "<br>" +
        testarr[i][1] +
        "</div><div>" +
        testarr[i][2] +
        "</div>";
    $("#arrlist").html(text);
    }
}

$("#addButton").on("click", function() {
    var firstArray = [
    $("#idTest0").val(),
    $("#input01").val(),
    $("#input02").val(),
    $("#textarea0").val(),
    ];
    var secondArray = [
    $("#idTest1").val(),
    $("#input11").val(),
    $("#input12").val(),
    $("#textarea1").val(),
    ];
    testarr.push(firstArray);
    testarr.push(secondArray);

    renderOptions();
});

renderOptions();
</script>

选项
选择1
选择2
选项
选择1
选择2
向数组中添加值
var testarr=[“选项1”、“文本1”、“选项2”、“输入1”、“文本1];
函数renderOptions(){
对于(变量i=0;i”+
testarr[i][1]+
"" +
testarr[i][2]+
"";
$(“#arrlist”).html(文本);
}
}
$(“#添加按钮”)。在(“单击”,函数(){
变量firstArray=[
$(“#idTest0”).val(),
$(“#input01”).val(),
$(“#input02”).val(),
$(“#textarea0”).val(),
];
var secondArray=[
$(“#idTest1”).val(),
$(“#input11”).val(),
$(“#input12”).val(),
$(“#textarea1”).val(),
];
testarr.push(第一个数组);
测试推送(第二阵列);
渲染();
});
渲染();

首先,你们不应该有多个ID相同的元素
idTest
,你们在需求方面做了哪些尝试?“我想要”不是一个问题或问题。你们有没有尝试过一些东西并遇到错误?我是这样尝试的:var arraytest=[];$('select')。每个(function(){arraytest.push($(this.val());});var arraytest_1=[];$('input')。每个(函数(){arraytest_1.push($(this.val());});但我不知道如何连接在一起