Get index of selected option with jQuery

Question

I m a little bit confused about how to get an index of a selected option from a HTML  lt select gt  item   On this page there are two methods described  However  both are always returning -1  Here is my jQuery code     document  ready function            dropDownMenuKategorie   change function            alert     dropDownMenuKategorie option selected   index             alert    select name  dropDownMenuKategorie   option selected   index                   and in html         lt select id  dropDownMenuKategorie  gt       lt option value  gastronomie  gt Gastronomie lt  option gt       lt option value  finanzen  gt Finanzen lt  option gt       lt option value  lebensmittel  gt Lebensmittel lt  option gt       lt option value  gewerbe  gt Gewerbe lt  option gt       lt option value  shopping  gt Shopping lt  option gt       lt option value  bildung  gt Bildung lt  option gt   lt  select gt          Why this behavior   Is there any chance that the select is not  ready  at the moment of assigning its change   method  Additionally  changing  index   to  val   is returning the right value  so that s what confuses me even more

User · Answer

Good way to solve this in Jquery manner      dropDownMenuKategorie option selected   index

User · Answer

I have a slightly different solution based on the answer by user167517  In my function I m using a variable for the id of the select box I m targeting   var vOptionSelect     productcodeSelect1     The index is returned with     vOptionSelect  find   selected   index

User · Answer

selectedIndex is a JavaScript Select Property  For jQuery you can use this code   jQuery document  ready function            dropDownMenuKategorie   change function            I personally prefer using console log    but if you want you can still go with the alert        console log   this  children  option selected   index

User · Answer

try this   alert document getElementById  dropDownMenuKategorie   selectedIndex

User · Answer

You can use the  prop propertyName  function to get a property from the first element in the jQuery object   var savedIndex     selectElement  prop  selectedIndex      This keeps your code within the jQuery realm and also avoids the other option of using a selector to find the selected option  You can then restore it using the overload     selectElement  prop  selectedIndex   savedIndex

User · Answer

The first methods seem to work in the browsers that I tested  but the option tags doesn t really correspond to actual elements in all browsers  so the result may vary   Just use the selectedIndex property of the DOM element   alert     dropDownMenuKategorie   0  selectedIndex     Update   Since version 1 6 jQuery has the prop method that can be used to read properties   alert     dropDownMenuKategorie   prop  selectedIndex

User · Answer

You can get the index of the select box by using    prop   method of JQuery   Check This     lt  doctype html gt   lt html gt   lt head gt   lt script type  text javascript  src    http   ajax googleapis com ajax libs jquery 2 1 3 jquery min js  gt  lt  script gt   lt script type  text javascript  gt    document  ready function          function check        alert     NumberSelector   prop  selectedIndex         alert document getElementById  NumberSelector   value      lt  script gt   lt  head gt    lt body bgcolor  yellow  gt   lt div gt   lt select id  NumberSelector  onchange  check    gt       lt option value  Its Zero  gt Zero lt  option gt       lt option value  Its One  gt One lt  option gt       lt option value  Its Two  gt Two lt  option gt       lt option value  Its Three  gt Three lt  option gt       lt option value  Its Four  gt Four lt  option gt       lt option value  Its Five  gt Five lt  option gt       lt option value  Its Six  gt Six lt  option gt       lt option value  Its Seven  gt Seven lt  option gt   lt  select gt   lt  div gt   lt  body gt   lt  html gt

[jquery] Get index of selected option with jQuery

Examples related to jquery

Examples related to html

Examples related to select

Examples related to indexing