Get the selected option id with jQuery

by

You can get it using the :selected selector, like this:

$("#my_select").change(function() {
  var id = $(this).children(":selected").attr("id");
});

More Related Contents:

  1. jQuery: select an element’s class and id at the same time?
  2. jQuery selectors with variables
  3. What is fastest children() or find() in jQuery?
  4. jQuery Selector: Id Ends With?
  5. jQuery OR Selector?
  6. jQuery selector value escaping
  7. Sort divs in jQuery based on attribute ‘data-sort’?
  8. jquery find versus context selection
  9. How to select last child element in jQuery?
  10. jQuery DOM changes not appearing in view source
  11. CSS selector case insensitive for attributes
  12. jQuery get all divs which do not have class attribute
  13. Is it possible to use jQuery to read meta tags
  14. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  15. Difference between :hidden and :not(:visible) in jQuery
  16. Count immediate child div elements using jQuery
  17. How can I get the corresponding table header (th) from a table cell (td)?
  18. Select elements without any class [duplicate]
  19. jQuery attribute selector for multiple values
  20. jQuery: selector (classname with space)
  21. Find all elements based on ids using regex on jQuery selector
  22. JQuery data selector not updating with .data
  23. :nth-of-type() in jQuery / Sizzle?
  24. How to select specific form element in jQuery?
  25. How to get form html() via jQuery including updated value attributes?
  26. Using jQuery how do I select a range of rows?
  27. Jquery find all ids starting with a string?
  28. jQuery: using a variable as a selector [duplicate]
  29. How to use placeholder as default value in select2 framework
  30. How do I select an element with special characters in the ID?

Leave a Comment