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

html, javascript, jquery

Solution

$('#input1 option').length;

This will produce `2`.

Problem

How do I count the number of `<option>`s in a `<select>` DOM element using jQuery? ``` <select data-attr="dropdown" id="input1"> <option value="Male" id="Male">Male</option> <option value="Female" id="Female">Female</option> </select> ``` I want to find the number of `<option>` tags in the `<select>` 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.

Original source