How to get this selected option in jQuery

Question

The following code works       select-id   change function      var cur value       select-id option selected   text                  How to refactor the second line to   var cur value     this     option-selected    text      What do you use for    option-selected

User · Answer

It s just    this  val      I think jQuery is clever enough to know what you need

User · Answer

this  find  option selected   text

User · Answer

This should work     this  find  option selected   text

User · Answer

You can use find to look for the selected option that is a descendant of the node s  pointed to by the current jQuery object   var cur value     this  find  option selected   text      Since this is likely an immediate child  I would actually suggest using  children instead   var cur value     this  children  option selected   text

User · Answer

var cur value     this  find  option selected   text      Since option is likely to be immediate child of select you can also use   var cur value     this  children  option selected   text      http   api jquery com find

User · Answer

var cur value      option selected  this  text

User · Answer

Best and shortest way in my opinion for onchange events on the dropdown to get the selected option      option selected  this     to get the value attribute      option selected  this  attr  value      to get the shown part between the  tags      option selected  this  text      In your sample       select-id   change function      var cur value      option selected  this  text

User · Answer

For the selected value    this  val    If you need the selected option element     option selected   this

User · Answer

Best guess   var cur value       select-id   children  option selected   text      I like children better in this case because you know you re only going one branch down the DOM tree

[javascript] How to get $(this) selected option in jQuery?

Examples related to javascript

Examples related to jquery