Populating a jquery array from values of a select using each

Question

I'm trying to populate an array in Jquery with selected values from a select.

Here is my jquery (no ajax call because I first want to make the array before i call ajax to input fields into db)

$('#add-group-form').submit(function(e) {
    e.preventDefault();
    var contactsArr = [];
    $("select option").each(function(i, val){
        var $val = $(val);
        if($(i).attr('selected', 'selected')){
        contactsArr.push({value: $val.val()});
        }
    });
    console.log(contactsArr);
});

Now in all honesty i got the each from a different source.

Not sure how i check the attribute to make sure it is selected.

Thanks in advance for the help

**EDIT:

Okay so I may have forgotten to check for answers as I got distracted by trying to figure it out

This is how I've done it (tested and works in my system).

var contactsArr = [];
$(".edit-contact-select option:selected").each(function() {
    contactsArr.push({value: $(this).val()});
});

I was over-complicating the entire thing.

if($(i).attr('selected', 'selected')){ is the problem. you don't need to assign "selected" to the "selected" attribute. you need to find out whether it is "selected" or not. — Abhitalks
– Abhitalks, Commented Nov 25, 2014 at 7:12

geevee · Accepted Answer · 2014-11-25 07:12:58Z

3

you don't need to iterate through options for the "selected" one. use this instead:

$('#add-group-form').submit(function(e) {
    e.preventDefault();
    var contactsArr = [];
    $('select').each(function(){
        contactsArr.push({value: $(this).val()});
    });
    console.log(contactsArr);
});

$('select').val() actually returns the SELECTED value of the select input.

hope that helps.

answered Nov 25, 2014 at 7:12

geevee

5,4715 gold badges33 silver badges50 bronze badges

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

1 Comment

deitch Over a year ago

Yeah, the $('select').each(function(args){}) args were off (this answer fixed it), and the $(i) was wrong, should be $(this) (again, GalV's answer fixed it.

Arun P Johny · Accepted Answer · 2014-11-25 07:14:19Z

1

Looks like you have a multiple select if so you can use .val() to get the selected values in an array

$('#add-group-form').submit(function (e) {
    e.preventDefault();
    var contactsArr = $("select").val();
    console.log(contactsArr);
});

If you want to store the selected values from multiple select elements, then use .map() like

$('#add-group-form').submit(function (e) {
    e.preventDefault();
    var contactsArr = $("select").map(function (i, val) {
        return $(this).val()
    }).get();
    console.log(contactsArr);
});

answered Nov 25, 2014 at 7:14

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

Populating a jquery array from values of a select using each

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related