How to get label of select option with jQuery

Question

lt select gt   lt option value  test  gt label  lt  option gt   lt  select gt    The value can be retrieved by  select val     What about the label   Is there a solution that will work in IE6

User · Accepted Answer

Try this      select option selected   text

User · Answer

You re looking for  select html    http   api jquery com html

User · Answer

Created working Plunker for this  https   plnkr co edit vR9aGoCwoOUL9tevIEen     console   append   lt br  gt       test s  selected   text

User · Answer

Try this      select option selected   prop  label      This will pull out the displayed text for both styles of  lt option gt  elements     lt option label  foo  gt  lt option gt  -   foo   lt option gt bar lt option gt  -   bar    If it has both a label attribute and text inside the element  it ll use the label attribute  which is the same behavior as the browser   For posterity  this was tested under jQuery 3 1 1

User · Answer

lt SELECT id  sel  onmouseover  alert this options 1  text     lt option value 1 gt my love lt  option gt   lt option value 2 gt for u lt  option gt   lt  SELECT gt

User · Answer

To get the label of a specific option in a dropdown yo can ty this --       class of dropdown  gt  option value  value to be searched     html      or      id of dropdown  gt  option value  value to be Searched     html

User · Answer

In modern browsers you do not need JQuery for this  Instead use  document querySelectorAll  option checked     Or specify any DOM element instead of document

User · Answer

quot select selectbox option eq 0  quot   text    The 0 index in the  quot option eq 0  quot  can be exchanged for whichever indexed option you d like to retrieve

User · Answer

For reference there is also a secondary label attribute on the option tag     returns  GET THIS  when option is selected     selecter  selected   attr  label       Html   lt select id  selecter  gt   lt option value  test  label  GET THIS  gt  Option  also called label  lt  option gt   lt  select gt

User · Answer

I found this helpful     select name users  option selected   text     When accessing the selector using the this keyword     this  find  option selected   text

User · Answer

Hi first give an id to the select as    lt select id theid gt   lt option value  test  gt label  lt  option gt   lt  select gt    then you can call the selected label like that   jQuery   theid option selected   text

[jquery] How to get label of select option with jQuery?

Examples related to jquery

Examples related to select