Get SELECT s value and text in jQuery

Question

Possible Duplicate    Getting the value of the selected option tag in a select box       For a SELECT box  how do I get the value and text of the selected item in jQuery   For example    lt option value  value  gt text lt  option gt

User · Accepted Answer

lt select id  ddlViewBy  gt       lt option value  value  gt text lt  option gt   lt  select gt    JQuery  var txt       ddlViewBy option selected   text    var val       ddlViewBy option selected   val      JS Fiddle DEMO

User · Answer

yourdropdownid option selected   text       selected option text     yourdropdownid   val       selected option value

User · Answer

on the basis of your only jQuery tag     HTML   lt select id  my-select  gt   lt option value  1  gt This is text 1 lt  option gt   lt option value  2  gt This is text 2 lt  option gt   lt option value  3  gt This is text 3 lt  option gt   lt  select gt    For text --    document  ready function             my-select   change function             alert     my-select option selected   html                   For value --    document  ready function             my-select   change function             alert   this  val

User · Answer

You can do like this  to get the currently selected value       myDropdownID   val       amp  to get the currently selected text       myDropdownID selected   text

User · Answer

select   val       Get s the value     select option selected   val        Get s the value     select   find  option selected   val        Get s the value     select option selected   text       Gets you the text of the selected option   Check FIDDLE

[jquery] Get SELECT's value and text in jQuery

Examples related to jquery

Examples related to select