Get the value from HTML form using jquery

Question

I want to get the values if HTML form using jquery.
In my form here is two div info1 and info2 and in the jquery I have two variable store and store2
value of info1 is save in variable store and value of info2 is save in store2.
But here is the some error in the code due to this reason this is not run. see the code below.
Here is code:

<form>
      <div id="info1">
         <input type="text" />
         <input type="text" />
         <input type="text" />
      </div>
      <div id="info2">
         <input type="text" />
         <input type="text" />
      </div>
   <input type="button" id="btn" value="click" />
 </form>

JQUERY:

$(document).on('click','#btn',function(){
    var store = [];
    var store2 = [];
     $('#info1 :input[type="text"]').map(function(){
        var values = $(this).val();
       store.push({values:values});
          });
     $('#info2 :input[type="text"]').map(function(){
        var values = $(this).val();
       store2.push({values:values});
          });
     });

This code is not working. I think the error is here $('#info1 :input[type="text"]').
Please solve this.
Thankx.

Did you try $('#info1 input[type="text"]') ? (without the ":") — Mario Araque
– Mario Araque, Commented Oct 2, 2014 at 10:59
Nobody is here to solve this. SO is not made of freelancers that would code for your - and for free. — emerson.marini
– emerson.marini, Commented Oct 2, 2014 at 10:59
Aside from not using store2 Your code appears to work just fine: jsfiddle.net/TrueBlueAussie/u6c4wojb/2. What is the problem you are having? — iCollect.it Ltd
– iCollect.it Ltd, Commented Oct 2, 2014 at 11:03

Apul Gupta · Accepted Answer · 2014-10-02 11:10:08Z

0

Your code is working, to check the values in console, try this:

 $(document).on('click','#btn',function(){
     var store = [];
     var store2 = [];

     $('#info1 :input[type="text"]').map(function(){
        var values = $(this).val();
       store.push({values:values});
          });
     $('#info2 :input[type="text"]').map(function(){
        var values = $(this).val();
       store2.push({values:values});
          });

     console.log(store);
     console.log(store2); 
 });

answered Oct 2, 2014 at 11:10

Apul Gupta

3,0344 gold badges24 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Get the value from HTML form using jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related