jQuery get specific option tag text

Question

All right  say I have this    lt select id  list  gt       lt option value  1  gt Option A lt  option gt       lt option value  2  gt Option B lt  option gt       lt option value  3  gt Option C lt  option gt   lt  select gt    What would the selector look like if I wanted to get  Option B  when I have the value  2    Please note that this is not asking how to get the selected text value  but just any one of them  whether selected or not  depending on the value attribute  I tried       list value  2     text      But it is not working

User · Answer

Try the following       list option value 2    text      The reason why your original snippet wasn t working is because your OPTION tags are children to your SELECT tag  which has the id list

User · Answer

Use   function selected state        jQuery   list option   each function            if jQuery this  val       2                jQuery this  attr  selected   selected                return false                       jQuery document  ready function        selected state

User · Answer

While  looping  through dynamically created select elements with a  each function           option selected   text    and   this     option selected   text   did not return the selected option text - instead it was null   But Peter Mortensen s solution worked     this  find  option selected   text      I do not know why the usual way does not succeed in a  each    probably my own mistake   but thank you  Peter  I know that wasn t the original question  but am mentioning it  for newbies coming through Google    I would have started with     list option selected   each   except I needed to grab stuff from the select element as well

User · Answer

This is an old Question which has not been updated in some time the correct way to do this now would be to use       action   on  change  function         alert   this  find  option selected   text     clicked           I hope this helps  -

User · Answer

Try this  jQuery  quot  list option value  2   quot   text

User · Answer

this  children   selected   text

User · Answer

You can get one of following ways      list   find  option   filter   value 2    text        list   find  option value 2    text        list   children  option value 2    text        list option value  2     text      x000D   x000D    function        x000D       x000D      console log     list   find  option   filter   value 2    text     x000D      console log     list   find  option value 2    text     x000D      console log     list   children  option value 2    text     x000D      console log     list option value  2     text     x000D       x000D      x000D   lt script src    ajax googleapis com ajax libs jquery 3 1 1 jquery min js  gt  lt  script gt  x000D   lt select id  list  gt  x000D       lt option value  1  gt Option A lt  option gt  x000D       lt option value  2  gt Option B lt  option gt  x000D       lt option value  3  gt Option C lt  option gt  x000D   lt  select gt  x000D   x000D   x000D

User · Answer

While  looping  through dynamically created select elements with a  each function           option selected   text    and   this     option selected   text   did not return the selected option text - instead it was null   But Peter Mortensen s solution worked     this  find  option selected   text      I do not know why the usual way does not succeed in a  each    probably my own mistake   but thank you  Peter  I know that wasn t the original question  but am mentioning it  for newbies coming through Google    I would have started with     list option selected   each   except I needed to grab stuff from the select element as well

User · Answer

You can get selected option text by using function  text      you can call the function like this    jQuery  select option selected   text

User · Answer

You can get one of following ways      list   find  option   filter   value 2    text        list   find  option value 2    text        list   children  option value 2    text        list option value  2     text      x000D   x000D    function        x000D       x000D      console log     list   find  option   filter   value 2    text     x000D      console log     list   find  option value 2    text     x000D      console log     list   children  option value 2    text     x000D      console log     list option value  2     text     x000D       x000D      x000D   lt script src    ajax googleapis com ajax libs jquery 3 1 1 jquery min js  gt  lt  script gt  x000D   lt select id  list  gt  x000D       lt option value  1  gt Option A lt  option gt  x000D       lt option value  2  gt Option B lt  option gt  x000D       lt option value  3  gt Option C lt  option gt  x000D   lt  select gt  x000D   x000D   x000D

User · Answer

I wanted to get the selected label  This worked for me in jQuery 1 5 1       list  selected   text

User · Answer

Try the following       list option value 2    text      The reason why your original snippet wasn t working is because your OPTION tags are children to your SELECT tag  which has the id list

User · Answer

This worked perfectly for me  I was looking for a way to send two different values with options generated by MySQL  and the following is generic and dynamic     this  find  option selected   text     As mentioned in one of the comments  With this I was able to create a dynamic function that works with all my selection boxes that I want to get both values  the option value and the text   Few days ago I noticed that when updating the jQuery from 1 6 to 1 9 of the site I used this code  this stop working    probably was a conflict with another piece of code    anyway  the solution was to remove option from the find   call     this  find   selected   text      That was my solution    use it only if you have any problem after updating your jQuery

User · Answer

If there is only one select tag in on the page then you can specify select inside of id  list   jQuery  select option value 2    text     To get selected text  jQuery  select option selected   text

User · Answer

Try     list options  find o  gt  o value   2   text   x000D   x000D  let text       list options  find o  gt  o value   2   text   console log text   x000D   lt select id  list  gt       lt option value  1  gt Option A lt  option gt       lt option value  2  gt Option B lt  option gt       lt option value  3  gt Option C lt  option gt   lt  select gt  x000D   x000D   x000D

User · Answer

It s looking for an element with id list which has a property value equal to 2  What you want is the option child of the list       list option value  2     text

User · Answer

I needed this answer as I was dealing with a dynamically cast object  and the other methods here did not seem to work   element options element selectedIndex  text   This of course uses the DOM object instead of parsing its HTML with nodeValue  childNodes  etc

User · Answer

list  value  2     text      leave a space after the id selector

User · Answer

I wanted a dynamic version for select multiple that would display what is selected to the right  wish I d read on and seen   this  find    earlier     lt script type  text javascript  gt        document  ready function               select showChoices    each function                  this  after   lt span id  spn    this  attr  id      style  border 1px solid black width 100px float left white-space nowrap   gt  amp nbsp  lt  span gt                 doShowSelected   this  attr  id      shows initial selections            change function                doShowSelected   this  attr  id      as user makes new selections                         function doShowSelected inId           var aryVals       inId  val            var selText             for var i 0  i lt aryVals length  i                 var o     inId   option value    aryVals i                    selText    o  text     lt br gt                          spn  inId  html selText          lt  script gt   lt select style  float left   multiple  true  id  mySelect  name  mySelect  showChoices  true  gt       lt option selected  selected  value 1 gt opt 1 lt  option gt       lt option selected  selected  value 2 gt opt 2 lt  option gt       lt option value 3 gt opt 3 lt  option gt       lt option value 4 gt opt 4 lt  option gt   lt  select gt

User · Answer

As an alternative solution  you can also use a context part of jQuery selector to find  lt option gt  element s  with value  2  inside the dropdown list      option value  2       list   text

User · Answer

This is an old Question which has not been updated in some time the correct way to do this now would be to use       action   on  change  function         alert   this  find  option selected   text     clicked           I hope this helps  -

User · Answer

Try the following       list option value 2    text      The reason why your original snippet wasn t working is because your OPTION tags are children to your SELECT tag  which has the id list

User · Answer

Based on the original HTML posted by Paolo I came up with the following       list   change function         alert   this  find  option selected   text     clicked           It has been tested to work on Internet Explorer and Firefox

User · Answer

list option selected   each function        alert   this  text             for multiple selected value in the  list element

User · Answer

A tip  you can use below code if your value is dynamic       list option value    aDynamicValue       text      Or  better style       list option   filter function          return this value     aDynamicValue     text      As mentioned in jQuery get specific option tag text and placing dynamic variable to the value

User · Answer

You can get selected option text by using function  text      you can call the function like this    jQuery  select option selected   text

User · Answer

this  children   selected   text

User · Answer

Try     list options  find o  gt  o value   2   text   x000D   x000D  let text       list options  find o  gt  o value   2   text   console log text   x000D   lt select id  list  gt       lt option value  1  gt Option A lt  option gt       lt option value  2  gt Option B lt  option gt       lt option value  3  gt Option C lt  option gt   lt  select gt  x000D   x000D   x000D

User · Answer

Try this  jQuery  quot  list option value  2   quot   text

User · Answer

It s looking for an element with id list which has a property value equal to 2  What you want is the option child of the list       list option value  2     text

User · Answer

A tip  you can use below code if your value is dynamic       list option value    aDynamicValue       text      Or  better style       list option   filter function          return this value     aDynamicValue     text      As mentioned in jQuery get specific option tag text and placing dynamic variable to the value

User · Answer

As an alternative solution  you can also use a context part of jQuery selector to find  lt option gt  element s  with value  2  inside the dropdown list      option value  2       list   text

User · Answer

It s looking for an element with id list which has a property value equal to 2  What you want is the option child of the list       list option value  2     text

User · Answer

I needed this answer as I was dealing with a dynamically cast object  and the other methods here did not seem to work   element options element selectedIndex  text   This of course uses the DOM object instead of parsing its HTML with nodeValue  childNodes  etc

User · Answer

If you d like to get the option with a value of 2  use      list option value  2     text        If you d like to get whichever option is currently selected  use      list option selected   text

User · Answer

list option selected   each function        alert   this  text             for multiple selected value in the  list element

User · Answer

I was looking for getting val by internal field name instead of ID and came from google to this post which help but did not find the solution I need  but I got the solution and here it is    So this might help somebody looking for selected value with field internal name instead of using long id for SharePoint lists    var e      select title  IntenalFieldName   option selected   text

User · Answer

Based on the original HTML posted by Paolo I came up with the following       list   change function         alert   this  find  option selected   text     clicked           It has been tested to work on Internet Explorer and Firefox

User · Answer

It s looking for an element with id list which has a property value equal to 2  What you want is the option child of the list       list option value  2     text

User · Answer

Use   function selected state        jQuery   list option   each function            if jQuery this  val       2                jQuery this  attr  selected   selected                return false                       jQuery document  ready function        selected state

User · Answer

I wanted to get the selected label  This worked for me in jQuery 1 5 1       list  selected   text

User · Answer

If there is only one select tag in on the page then you can specify select inside of id  list   jQuery  select option value 2    text     To get selected text  jQuery  select option selected   text

User · Answer

list  value  2     text      leave a space after the id selector

User · Answer

If you d like to get the option with a value of 2  use      list option value  2     text        If you d like to get whichever option is currently selected  use      list option selected   text

User · Answer

This worked perfectly for me  I was looking for a way to send two different values with options generated by MySQL  and the following is generic and dynamic     this  find  option selected   text     As mentioned in one of the comments  With this I was able to create a dynamic function that works with all my selection boxes that I want to get both values  the option value and the text   Few days ago I noticed that when updating the jQuery from 1 6 to 1 9 of the site I used this code  this stop working    probably was a conflict with another piece of code    anyway  the solution was to remove option from the find   call     this  find   selected   text      That was my solution    use it only if you have any problem after updating your jQuery

User · Answer

Try the following       list option value 2    text      The reason why your original snippet wasn t working is because your OPTION tags are children to your SELECT tag  which has the id list

User · Answer

I wanted a dynamic version for select multiple that would display what is selected to the right  wish I d read on and seen   this  find    earlier     lt script type  text javascript  gt        document  ready function               select showChoices    each function                  this  after   lt span id  spn    this  attr  id      style  border 1px solid black width 100px float left white-space nowrap   gt  amp nbsp  lt  span gt                 doShowSelected   this  attr  id      shows initial selections            change function                doShowSelected   this  attr  id      as user makes new selections                         function doShowSelected inId           var aryVals       inId  val            var selText             for var i 0  i lt aryVals length  i                 var o     inId   option value    aryVals i                    selText    o  text     lt br gt                          spn  inId  html selText          lt  script gt   lt select style  float left   multiple  true  id  mySelect  name  mySelect  showChoices  true  gt       lt option selected  selected  value 1 gt opt 1 lt  option gt       lt option selected  selected  value 2 gt opt 2 lt  option gt       lt option value 3 gt opt 3 lt  option gt       lt option value 4 gt opt 4 lt  option gt   lt  select gt

User · Answer

I was looking for getting val by internal field name instead of ID and came from google to this post which help but did not find the solution I need  but I got the solution and here it is    So this might help somebody looking for selected value with field internal name instead of using long id for SharePoint lists    var e      select title  IntenalFieldName   option selected   text

[javascript] jQuery get specific option tag text

Examples related to javascript

Examples related to jquery

Examples related to jquery-selectors

Examples related to html-select