How to get the select option value in array

Question

I am new to jquery I have the following field

 <select  name[]="post">
              <option value="op1">op1</option>
              <option value="op2">op2</option>
              <option value="op3">op3</option>
              </option>
 </select>   
 How to get the post[0] & post[1] values in Jquery any Idea 
 .

never seen that notaion name[]="xxx" ar e u sure this is html valid? — helle
– helle, Commented Jul 12, 2010 at 12:08
@helle: it's no valid html. @venkat: what are you trying to archive here? — jAndy
– jAndy, Commented Jul 12, 2010 at 12:12

helle · Accepted Answer · 2010-07-12 12:11:56Z

5

you are searching for this...

<select name="my_select" id="foo">
              <option value="op1">op1</option>
              <option value="op2">op2</option>
              <option value="op3">op3</option>
              </option>
 </select> 


var options = $('#foo').find('option');
console.log($(options[0]).attr('value'));

answered Jul 12, 2010 at 12:11

helle

11.8k9 gold badges58 silver badges86 bronze badges

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

1 Comment

helle Over a year ago

unless you have activated the developer tools console... it will not work in ff, too if you haven't installed firebug ;-)

Crae · Accepted Answer · 2010-07-12 12:15:22Z

0

if you want multiple select option use the key word "multiple"

<select name="my_select" id="foo" multiple>
          <option value="op1">op1</option>
          <option value="op2">op2</option>
          <option value="op3">op3</option>
          </option>
</select>

answered Jul 12, 2010 at 12:15

Crae

331 silver badge7 bronze badges

1 Comment

Andir Over a year ago

According to standard, it's: multiple="multiple"

Salman Riaz · Accepted Answer · 2010-07-12 12:24:12Z

0

You can get Select's selected value in the following easy ways

$('select#your_id').val();

$('select#your_id').children("option:selected").val()

$("select#your_id > option:selected").val()

And to get any option on the bases of index, you can use the following

$("select#your_id > option:nth-child(1)")

Point to note is the index starts from 1-n (0 will return empty)

edited Jul 12, 2010 at 12:24

answered Jul 12, 2010 at 12:18

Salman Riaz

831 silver badge6 bronze badges

Comments

Jaison Justus · Accepted Answer · 2010-07-12 13:03:38Z

0

<select name="test" id="test">
          <option value="op1">op1</option>
          <option value="op2">op2</option>
          <option value="op3">op3</option>
          </option>
</select>

to get the vallue from the select list you can use this piece of code: output = $('#test').val();

$('#some_button').click(function()  {
  output = $('#test').val(); 
});

answered Jul 12, 2010 at 13:03

Jaison Justus

2,8038 gold badges49 silver badges66 bronze badges

Collectives™ on Stack Overflow

How to get the select option value in array

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related