Get selected key value of a combo box using jQuery

Question

Please  how can I get the selected key and value of a HTML select combo box using jQuery     this  find  select   each function          if    trim   this  val                     searchString      trim   this  val             This gives me the key  How can I get the value also              Thanks

User · Answer

this  find  select   each function            this  find  option selected   text

User · Answer

elementName option   text       This will give selected text of Combo-Box         elementName option   val      This will give selected value associated selected item in Combo-Box       elementName option   length    It will give the multi-select combobox values in the array and length will give number of element of the array   Note  elementName  is id the Combo-box

User · Answer

I assume by  key  and  value  you mean    lt select gt       lt option value  KEY  gt VALUE lt  option gt   lt  select gt    If that s the case  this will get you the  VALUE      this  find  option selected   text      And you can get the  KEY  like this     this  find  option selected   val

User · Answer

lt select name  foo  id  foo  gt    lt option value  1  gt a lt  option gt    lt option value  2  gt b lt  option gt    lt option value  3  gt c lt  option gt     lt  select gt     lt input type  button  id  button  value  Button    gt           lt script gt     foo   val    lt  script gt    which returns 1 if you have selected a and so on

User · Answer

This works    lt select name  foo  id  foo  gt   lt option value  1  gt a lt  option gt   lt option value  2  gt b lt  option gt   lt option value  3  gt c lt  option gt   lt  select gt   lt input type  button  id  button  value  Button    gt       button   click function         alert     foo option selected   text         alert     foo option selected   val

[jquery] Get selected key/value of a combo box using jQuery

Examples related to jquery

Examples related to html-select

Examples related to key-value