Get the value of a dropdown in jQuery

Question

I have a drop down that has an  ID  Name  Pair   Example  Jon Miller Jim Smith Jen Morsin  Jon MIller has ID of 101 Jim Smith has ID of 102 Jen Morsin has ID of 103  When I do the followng   var arNames       Crd   val      and I select Jon Miller  I get 101  I d like to get Jon Miller though

User · Answer

x000D   x000D      leave response   on  change   function     x000D      var responseId     this  val    x000D      console log responseId   x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt td gt  x000D       lt select class  leave response  name  leave  gt  x000D           lt option gt 1 lt  option gt  x000D           lt option gt 2 lt  option gt  x000D           lt option gt 3 lt  option gt  x000D           lt option gt 4 lt  option gt  x000D       lt  select gt  x000D   lt  td gt  x000D   x000D   x000D

User · Answer

The best way is to use       yourid option selected   text      Depending on the requirement  you could also use this way   var v       yourid   val        yourid option value   v      text

User · Answer

var sal       selectSal option selected   eq 0  val      selectSal is a class

User · Answer

As has been pointed out     in a select box  the  val   attribute will give you the value of the selected option  If the selected option does not have a value attribute it will default to the display value of the option  which is what the examples on the jQuery documentation of  val show   you want to use  text   of the selected option       Crd option selected   text

User · Answer

This has worked for me       selected-option option selected   val     Hope this helps someone

User · Answer

Pass the id and hold into a variable and pass the variable where ever you want        var temp      select name ID Name    val

User · Answer

Crd   val   will give you the selected value of the drop down element  Use this to get the selected options text       Crd option selected   text

User · Answer

Another option        lt   dropDownId ClientID  gt    children  option selected   val

User · Answer

You can have text value of  Crd in its variable     document  on  click     Crd   function           var Crd       quot  Crd option selected quot    text

User · Answer

Try this   var text       YourDropdownId   find  option selected   text

User · Answer

If you re using a  lt select gt    val   gets the  value  of the selected  lt option gt   If it doesn t have a value  it may fallback to the id  Put the value you want it to return in the value attribute of each  lt option gt   Edit  See comments for clarification on what value actually is  not necessarily equal to the value attribute

[jquery] Get the value of a dropdown in jQuery

Examples related to jquery