create field.val array from class selector

Question

I'm very new to jquery and just looking for some help.

current code:

var formData = {
                    'settings'          : $('input[name=settings]').val(),       
                    'name'              : $('input[name=name]').val(),
                    'email'             : $('input[name=email]').val(),
                    'superheroAlias'    : $('input[name=superheroAlias]').val()
                };

What im looking to do is instead of declare each individual field is maybe add a class to each input and pick up each field that way.

Im guessing this is possible but I've tried so many diffent ways and i feel im just confusing myself more

Are you using this in an AJAX call? You could use $("#formID").serialize() to get all the fields in the form. — Barmar
– Barmar, Commented Jun 14, 2015 at 20:41
If the answer is not clear/working or you meant something else, let me know so I can help — AmmarCSE
– AmmarCSE, Commented Jun 14, 2015 at 20:46

AmmarCSE · Accepted Answer · 2015-06-14 20:24:03Z

1

Yes, it is possible. Use a custom class and each()

var formData = {};

$('.my-class').each(function(){
  formData[$(this).attr('name')] = $(this).val();
  });

console.log(formData);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input class="my-class" name="settings" value="1"/>
<input class="my-class" name="name" value="2"/>
<input class="my-class" name="email" value="3"/>
<input class="my-class" name="superheroAlias" value="4"/>

answered Jun 14, 2015 at 20:24

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

create field.val array from class selector

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