How to get all “option” values in “select” by the name using Jquery?

Question

I've seen many threads about getting an array of option value but they're all done by id. Unfortunately, my select field does not have a proper id. How can I get an array of all values in the select tag by the name using Jquery?

  <select name="groupa">
        <option value="1">A</option>
        <option value="2">B</option>
        <option value="3">C</option>
    </select>

I'd expect a result like this:

[
   '1' => 'A'
   '2' => 'B'
   '3' => 'C'
]

p/s: I've tried some similar codes but did not work.

Does this answer your question? how to get elements by name using jquery? — Alon Eitan
– Alon Eitan, Commented May 4, 2020 at 11:22

Dominic Wurzer · Accepted Answer · 2021-04-16 08:43:08Z

1

This should do it:

    var arr = [];

    $("select[name='groupa'] > option").each(function() {
       //doSomething
       //e.g push to arr
       arr.push(this.value);
    });
    console.log(arr);

To get all values into an array you can do:

    var arr = $("select[name='groupa'] > option").map(function(){
       return $(this).val();
    }).get();
    console.log(arr);

edited Apr 16, 2021 at 8:43

answered May 4, 2020 at 11:30

Dominic Wurzer

1816 bronze badges

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

3 Comments

Long Nguyen Over a year ago

Thank you. But can u play with .map() function, it'd be nice.

Dominic Wurzer Over a year ago

I adapted the answer. I hope this fits your needs.

Long Nguyen Over a year ago

Many thanks. It turns out the issue was caused by an another factor and my syntax was right. Anyway, you answer is correct.

Collectives™ on Stack Overflow

How to get all “option” values in “select” by the name using Jquery?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related