How to find selected value of select in jquery

Question

Please advice, how to find selected value of a html select on its change.

code is below

$(".js-CellFirst").change(function () { alert($(this.find('option:selected')).text());<-- **trouble line** });

thanks

possible duplicate of To get selected value of a dropdown (<select>) element in jQuery — alex
– alex, Commented Apr 20, 2011 at 4:00

alex · Accepted Answer · 2011-04-20 04:01:34Z

3

To get the value...

$(".js-CellFirst").val();

To get the text of the selected option element.

$(".js-CellFirst option:selected").text();

However, your specific issue is with your parenthesis, of which you have nested correctly. The correct use is...

alert($(this).find('option:selected').text());

answered Apr 20, 2011 at 4:01

alex

492k205 gold badges891 silver badges992 bronze badges

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

9 Comments

Levi Morrison Over a year ago

The jQuery library provides .val() for a reason: text() and others have some browser inconsistency. The val method works for nearly any object in jQuery.

alex Over a year ago

@Levi Browser inconsistency is a strong reason why jQuery exists. I don't understand what your comment is getting at...

Levi Morrison Over a year ago

@alex Don't use .text(), use .val(). Text only works on certain types of elements, but val works on nearly all. That's all I'm saying.

alex Over a year ago

@Levi To get an element's text node?

Levi Morrison Over a year ago

@alex stackoverflow.com/questions/807867/…

|

Community · Accepted Answer · 2017-05-23 11:55:50Z

Get selected value of a dropdown's item using jQuery

Just use alert($(this).val(); instead:

$(".js-CellFirst").change(function () { alert($(this).val()); });

Collectives™ on Stack Overflow

How to find selected value of select in jquery

2 Answers 2

9 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Linked

Related