Get Values of Multiple Select Dropdowns in Group Using Jquery

Question

I have multiple select dropdowns as such:

<select name="offer1cards[]">
    <option value="1">Card 1</option>
    <option value="2">Card 2</option>
    <option value="3">Card 3</option>
</select>
<select name="offer1cards[]">
    <option value="1">Card 1</option>
    <option value="2">Card 2</option>
    <option value="3">Card 3</option>
</select>
<select name="offer1cards[]">
    <option value="1">Card 1</option>
    <option value="2">Card 2</option>
    <option value="3">Card 3</option>
</select>

I am trying to get the values into a comma separated string using jquery but I know I am not doing something right:

var values = new Array();
$.each($("input[name='offer1cards[]']:selected"), function() {
    values.push($(this).val());
    var items = values.split(',');
    alert(items);
});

How can I get these values into a string?

void · Accepted Answer · 2015-02-16 20:54:39Z

1

You are unnecessarily using :selected and instead of split use join to join a array, Just do

var values = new Array(), var items;
$.each($("input[name='offer1cards[]']"), function() {
    values.push($(this).val());
});
items = values.join(',');
alert(items);

answered Feb 16, 2015 at 20:54

void

36.8k10 gold badges72 silver badges111 bronze badges

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

1 Comment

Jeff Thomas Over a year ago

This worked great, thanks! I just needed to change input to select for it to work.

jAndy · Accepted Answer · 2015-02-16 21:01:20Z

1

You $.map() them and then .join() 'em.

var res = $.map($("select[name='offer1cards[]']"), function(ele) {
        return $(ele).val();
    }).join(', ');

    alert(res);

Demo: http://jsfiddle.net/5t9ddd98/1/

edited Feb 16, 2015 at 21:01

answered Feb 16, 2015 at 20:54

jAndy

237k57 gold badges313 silver badges363 bronze badges

Collectives™ on Stack Overflow

Get Values of Multiple Select Dropdowns in Group Using Jquery

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