文本框值作为jQuery中的数组?

时间:2016-12-26 11:05:44

标签: jquery

尝试将文本框值存储到不同的数组中。在我的jQuery代码数组中, textA 存储了' textA'的文本框值。和数组 textB 必须存储' textB'的值。在结果中, textB 包含textbox&text;' textA'的值。同样。因此,我只想要textbox&text;' textB'在数组 textB



$(document).ready(function(){ 

  textA = textB = [];
 
  $('button').click(function(){
   $('input[name^=textA]').each(function(){
    textA.push($(this).val()); 
    $('span#textA').text(textA);
   });
 
   $('input[name^=textB]').each(function(){
    textB.push($(this).val());
    $('span#textB').text(textB);
   });
 textA = textB = [];
 });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="textA" placeholder="Enter text A">
<input type="text" name="textA" placeholder="Enter text A"></br>
<input type="text" name="textB" placeholder="Enter text B">
<input type="text" name="textB" placeholder="Enter text B"></br>
<button>
Click
</button></br>
<span id="textA"></span></br>
<span id="textB"></span>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:5)

单独分配textA = []; textB = [];

$(document).ready(function(){ 

  textA = [];
  textB = [];
 
  $('button').click(function(){
   $('input[name^=textA]').each(function(){
    textA.push($(this).val()); 
    $('span#textA').text(textA);
   });
 
   $('input[name^=textB]').each(function(){
    textB.push($(this).val());
    $('span#textB').text(textB);
   });
 });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="textA" placeholder="Enter text A">
<input type="text" name="textA" placeholder="Enter text A"></br>
<input type="text" name="textB" placeholder="Enter text B">
<input type="text" name="textB" placeholder="Enter text B"></br>
<button>
Click
</button></br>
<span id="textA"></span></br>
<span id="textB"></span>