Counting the number of option tags in a select tag in jQuery

Question

How do I count the number of  lt option gt s in a  lt select gt  DOM element using jQuery      lt select data-attr  dropdown  id  input1  gt      lt option value  Male  id  Male  gt Male lt  option gt      lt option value  Female  id  Female  gt Female lt  option gt    lt  select gt       I want to find the number of  lt option gt  tags in the  lt select gt  DOM element  since with that I want to open the settings panel with that number of input fields with the corresponding option value from the drop-down box in it and to change it again in the preview panel     The above drop-down box is in my preview panel which is generated by jQuery

User · Answer

Your question is a little confusing  but assuming you want to display the number of options in a panel    lt div id  preview  gt  lt  div gt    and    function           preview   text     input1 option   length     items          Not sure I understand the rest of your question

User · Answer

The W3C solution   var len   document getElementById  input1   length

User · Answer

input1 option   length    This will produce 2

User · Answer

You can use either length property and length is better on performance than size      input1 option   length   OR you can use size function like  removed in jQuery v3      input1 option   size       x000D   x000D    document  ready function       console log     input1 option   size        console log     input1 option   length       x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt   lt select data-attr  dropdown  id  input1  gt      lt option value  Male  id  Male  gt Male lt  option gt      lt option value  Female  id  Female  gt Female lt  option gt   lt  select gt  x000D   x000D   x000D

User · Answer

The best form is this       example option   length

User · Answer

In a multi-select option box  you can use     input1  selected   length  to get the number of selected options  This can be useful to disable buttons if a certain minimum number of options aren t met   function refreshButtons          if      input  selected   length    0                    submit   attr   disabled    disabled              else                   submit   removeAttr   disabled

User · Answer

Ok  i had a few problems because i was inside a       my-dropdown   live  click   function            I had multiples inside my page that s why i used a class   My drop down was filled automatically by a ajax request when i clicked it  so i only had the element   this   so     I had to do       my-dropdown   live  click   function      total tems     this  find  option   length

User · Answer

Another approach that can be useful       select-id   find  option   length

[javascript] Counting the number of option tags in a select tag in jQuery

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to jquery-selectbox