jQuery Get value from class attribute of multiple elements in array without loop

Question

I have multiple Select dropdown elements with a single class .select

<select class='select' name='select1' id='select1'>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>
</select>

<select class='select' name='select2' id='select2'>
  <option value='4'>4</option>
  <option value='5'>5</option>
  <option value='6'>6</option>
</select>

<select class='select' name='select3' id='select3'>
  <option value='7'>7</option>
  <option value='8'>8</option>
  <option value='9'>9</option>
</select>

I know it can be achieved with the help of loop like this

var arr = [];
$('.select').each(function () {
   arr.push($(this).val());
});

But I already have so many loops in the code and I'm wondering if is there any way it can be achievable without a loop

Fiddle: http://jsfiddle.net/89cJC/

Any implementation will have loop for this :) You cant avoid — Murali Murugesan
– Murali Murugesan, Commented Mar 19, 2014 at 13:48

adeneo · Accepted Answer · 2014-03-19 13:47:56Z

14

No, there's no other way to get the value from multiple elements, you have to iterate over the elements to get the value from each of them.

There are other ways to write basically the same code

var arr = $.map($('.select'), function (el) { return el.value; });

or without jQuery

var elems = document.querySelectorAll('.select'),
    arr   = [];

for (var i=elems.length; i--;) arr.push(elems[i].value);

but they all iterate, there's no other way to do that.

answered Mar 19, 2014 at 13:47

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Vikas Kandari · Accepted Answer · 2020-03-16 10:56:17Z

0

You can use jquery $.map function of jquery to deal with elements array

for example

var arr = [];
arr = $.map($(".select"),function(select){
        return $(select).val();
});

console.log(arr);

answered Mar 16, 2020 at 10:56

Vikas Kandari

1,86224 silver badges24 bronze badges

Collectives™ on Stack Overflow

jQuery Get value from class attribute of multiple elements in array without loop

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related