how to get select value from select list array in jquery

Question

HTML CODE

<select class="form-control" name="min_select[]">
              <option value="15">15</option>
              <option value="30">30</option>
</select>

JQuery Code

var val1[];
$('select[name="min_select[]"] option:selected').each(function() {
val1.push($(this).val());
});

when i run this code I get empty val array

is this a select with multiple attribute?

Guruprasad J Rao
– Guruprasad J Rao

2016-01-27 04:50:30 +00:00
Commented Jan 27, 2016 at 4:50 — Guruprasad J Rao
– Guruprasad J Rao, Commented Jan 27, 2016 at 4:50

Krishneel Singh · Accepted Answer · 2019-01-30 02:36:18Z

12

This will also work

var  val1= $("select[name=\'min_select[]\']").map(function() {
    return $(this).val();
}).toArray();

answered Jan 30, 2019 at 2:36

Krishneel Singh

3431 gold badge8 silver badges16 bronze badges

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

1 Comment

Igor Kremin Over a year ago

That it is, what I was looking for.

shu · Accepted Answer · 2016-01-27 04:52:55Z

7

The declaration array syntax is in correct.Please check the below code

 var val1=[]; 
 $('select[name="min_select[]"] option:selected').each(function() {
  val1.push($(this).val());
 });

answered Jan 27, 2016 at 4:52

shu

1,95612 silver badges19 bronze badges

Comments

progrAmmar · Accepted Answer · 2016-01-27 05:04:00Z

1

You can try the following

HTML

<select class="form-control min-select" name="min_select[]">
          <option value="15">15</option>
          <option value="30">30</option>
</select>

JQUERY

var values = [];
$("select.min-select").each(function(i, sel){
    var selectedVal = $(sel).val();
    values.push(selectedVal);
});

Is min_select[] a multiple choice select?

edited Jan 27, 2016 at 5:04

answered Jan 27, 2016 at 4:58

progrAmmar

2,6805 gold badges32 silver badges59 bronze badges

1 Comment

vimal ram Over a year ago

min_select[] is not a multiple select.

PrinceG · Accepted Answer · 2016-01-27 06:48:08Z

1

To get the selected value, whether it is multiselect or single select, use jQuery .val() method.

If it is a multiselect, it will return an array of the selected values.

See jsfiddle for demo. Check console log

edited Jan 27, 2016 at 6:48

answered Jan 27, 2016 at 6:42

PrinceG

1,0827 silver badges18 bronze badges

Collectives™ on Stack Overflow

how to get select value from select list array in jquery

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related