stack twitter rss linkedin cross

Wilco van Esch

Skip to main content

Search results

    Get the number of items in a dropdown via DevTools

    Say you have a page containing one or more dropdowns with lots of options and you want to know exactly how many options are being displayed.

    Chrome

    1. Visit the page
    2. Open DevTools (F12)
    3. Open the Elements tab
    4. Right-click the dropdown -> Inspect
    5. Find the select or ul element which contains the option or li options
    6. Right-click that element -> Copy -> Copy selector
    7. Open search (CTRL + F) and paste the element
    8. Add > option (if the element is a select) or > li (if the element is a ul)

    You will now see 1 out of ## where ## is the number of dropdown options.

    Firefox

    1. Visit the page
    2. Open DevTools (F12)
    3. Open the Inspector tab
    4. Right-click the dropdown -> Inspect
    5. Find the select or ul element which contains the option or li options
    6. Right-click that element -> Copy -> CSS Selector
    7. Open search (CTRL + F) and paste the element
    8. Add > option (if the element is a select) or > li (if the element is a ul)
    9. Add > option (if the element is a select) or > li (if the element is a ul)

    You will now see 1 out of ## where ## is the number of dropdown options.