Get selected text from a drop-down list select box using jQuery

Question

How can I get the selected text  not the selected value  from a drop-down list in jQuery

User · Answer

id   find  option selected   text

User · Answer

Try    var   jQuery   dropdownid option selected   val       alert   var     Or to get the text of the option  use text      var   jQuery   dropdownid option selected   text       alert   var     More Info    http   api jquery com val  http   api jquery com text

User · Answer

If you want the result as a list  then use   x         list id   children   selected   each function   x push   this  text

User · Answer

option selected       TipoRecorde    text

User · Answer

yourdropdownid option selected   text

User · Answer

var e   document getElementById  dropDownId    var div   e options e selectedIndex  text

User · Answer

This works for me       yourdropdownid   find  option selected   text      jQuery version  1 9 1

User · Answer

The answers posted here  for example       yourdropdownid option selected   text      didn t work for me  but this did       yourdropdownid   find  option selected   text      It is possibly an older version of jQuery

User · Answer

If you already have the dropdownlist available in a variable  this is what works for me      option selected   myVar  text     The other answers on this question helped me  but ultimately the jQuery forum thread   this    option selected   attr  rel   option selected is not working in IE helped the most   Update  fixed the above link

User · Answer

selectID option selected   text      Instead of  selectID you can use any jQuery selector  like  selectClass using class   As mentioned in the documentation here   The  selected selector works for  lt option  elements  It does not work for checkboxes or radio inputs  use  checked for them    text   As per the documentation here   Get the combined text contents of each element in the set of matched elements  including their descendants   So you can take text from any HTML element using the  text   method   Refer the documentation for a deeper explanation

User · Answer

DropDownID   val    will give the selected index value

User · Answer

dropdownID   change function      alert    option selected     this   text

User · Answer

x000D   x000D    function      x000D    alert   val             selectnumber   val        AND  html             selectnumber option selected   html        AND  text             selectnumber option selected   text     x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt html xmlns  http   www w3 org 1999 xhtml  gt  x000D     lt head runat  server  gt  x000D       lt title gt  lt  title gt  x000D   x000D     lt  head gt  x000D     lt body gt  x000D       lt form id  form1  runat  server  gt  x000D         lt div gt  x000D           lt select id  selectnumber  gt  x000D             lt option value  1  gt one lt  option gt  x000D             lt option value  2  gt two lt  option gt  x000D             lt option value  3  gt three lt  option gt  x000D             lt option value  4  gt four lt  option gt  x000D           lt  select gt  x000D   x000D         lt  div gt  x000D       lt  form gt  x000D     lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

Try  dropdown selectedOptions 0  text    x000D   x000D  function read     x000D    console log  dropdown selectedOptions 0  text    x000D    x000D   lt select id  dropdown  gt  x000D     lt option value  1  gt First lt  option gt  x000D     lt option value  2  gt Second lt  option gt  x000D   lt  select gt  x000D   lt button onclick  read    gt read lt  button gt  x000D   x000D   x000D

User · Answer

This code worked for me       yourdropdownid   children  option   filter   selected   text

User · Answer

select id yourDropdownid  option selected   text     This works fine

User · Answer

Use this  const select   document getElementById  yourSelectId     const selectedIndex   select selectedIndex  const selectedValue   select value  const selectedText   select options selectedIndex  text       Then you get your selected value and text inside selectedValue and selectedText

User · Answer

Select Text and selected value on dropdown select change event in jQuery      yourdropdownid   change function         console log    option selected   this  text       text     console log   this  val       value

User · Answer

For multi-selects       yourdropdownid  selected   map function i  v    return   trim   v  text

User · Answer

In sibling case      lt a class  uibutton confirm addClient  href  javascript void 0    gt ADD Client lt  a gt   lt input type  text  placeholder  Enter client name  style  margin  5px float  right  class  clientsearch large    gt   lt select class  mychzn-select clientList  gt     lt option value    gt Select Client name     lt  option gt     lt option value  1  gt abc lt  option gt   lt  select gt       jQuery      this  siblings  select   children   selected   text

User · Answer

dropdownid option selected   text      if you use asp net and write   lt Asp dropdownlist id  ddl  runat  Server    gt    then you should use       lt   ddl Clientid  gt  option selected   text

User · Answer

Try this       myselect  selected   text      For an ASP NET dropdown you can use the following selector       id   MyDropDownId    selected

User · Answer

dropdown   find   selected   text          dropdown  selected   text          dropdown option selected   text         dropdown   children   selected   text

User · Answer

This works for me      dropdownid   change function         alert   this  find  option selected   text           If the element created dynamically    document  on  change     dropdownid   function         alert   this  find  option selected   text

User · Answer

For those who are using SharePoint lists and don t want to use the long generated id  this will work    var e      select title  IntenalFieldName   option selected   text

User · Answer

var someName    Test         lt    ddltest ClientID   gt    each function             option   this  each function              if    this  text   toLowerCase      someName                  this  attr  selected    selected                            That will help you to get right direction  Above code is fully tested if you need further help let me know

User · Answer

For getting selected value use       dropDownId   val      and for getting selected item text use this line       dropDownId option selected   text

User · Answer

the following worked for me     trim     dropdownId option selected   html

User · Answer

Simply try the following code   var text      yourslectbox   find   selected   text      it returns the text of the selected option

User · Answer

This work for me       city  selected   text      I m using jQuery 1 10 2

User · Answer

For the text of the selected item  use      select name  thegivenname   option selected   text      For the value of the selected item  use      select name  thegivenname   option selected   val

User · Answer

Various ways  1      myselect option selected   text     2      myselect  selected   text     3      myselect   children   selected   text     4      myselect   find   selected   text

User · Answer

Use      yourdropdownid   find   selected   text

User · Answer

Just add the below line    this  prop  selected   true     replaced  att to  prop it worked for all browsers

[javascript] Get selected text from a drop-down list (select box) using jQuery

Examples related to javascript

Examples related to jquery

Examples related to dom

Examples related to drop-down-menu

Examples related to jquery-selectors