Textbox values as an array in jQuery?

Question

Trying to store textbox values into different arrays. In my jQuery code array textA stores the textbox values of 'textA' and array textB must store the values of 'textB'. In the result, textB is containing the values of textbox 'textA' as well. As a result, I want only the values of textbox 'textB' in the array 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>

Sudharsan S · Accepted Answer · 2016-12-26 11:09:41Z

5

Assign as seperately 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>

answered Dec 26, 2016 at 11:09

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Textbox values as an array in jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related