# Sort: set default option without opening dropdown

**URL:** <https://forum.finsweet.com/t/sort-set-default-option-without-opening-dropdown/1839>\
**Category:** Attributes\
**Created:** [August 28, 2023, 1:55pm UTC](https://forum.finsweet.com/t/sort-set-default-option-without-opening-dropdown/1839 "2023-08-28T13:55:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![aardigamsterdam](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/aardigamsterdam/32/1286_2.png) [@aardigamsterdam](https://forum.finsweet.com/u/aardigamsterdam)\
**Post date:** [August 28, 2023, 1:55pm UTC](https://forum.finsweet.com/t/sort-set-default-option-without-opening-dropdown/1839/1 "2023-08-28T13:55:51Z")

</div>

i want to have a default option in my sort dropdown.  
i have created a script but that is not working good.  
i have created a second click to close dropdown but its not working without delay, but now you see a flicker of the dropdown. also when reloading couple times the default sort click doesnt work anymore and then the click of the dropdown is only working. you will see a openend dropdown on page load  
[https://home-up-e82405df4902095e59a92deee54b519.webflow.io/woningaanbod](https://home-up-e82405df4902095e59a92deee54b519.webflow.io/woningaanbod)

```auto
<script>
window.onload = function() {
    // Click the first filter option immediately
    var firstFilter = document.querySelector('.first-filter-option');
    if (firstFilter) {
        firstFilter.click();
    }

    // Delay the click on the filter_dropdown-sort by 100 milliseconds
    setTimeout(function() {
        var dropdownSort = document.querySelector('.filter_dropdown-sort');
        if (dropdownSort) {
            dropdownSort.click();
        }
    }, 100);
};
</script>

```

---

<div class="post-metadata">

**Author:** ![aardigamsterdam](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/aardigamsterdam/32/1286_2.png) [@aardigamsterdam](https://forum.finsweet.com/u/aardigamsterdam)\
**Post date:** [August 29, 2023, 7:43am UTC](https://forum.finsweet.com/t/sort-set-default-option-without-opening-dropdown/1839/2 "2023-08-29T07:43:03Z")

</div>

@Support-Luis

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [September 2, 2023, 9:43am UTC](https://forum.finsweet.com/t/sort-set-default-option-without-opening-dropdown/1839/3 "2023-09-02T09:43:44Z")

</div>

Hey @aardigamsterdam! You can use a combo of CMS Sort and [Custom Form Select Field for Webflow](https://finsweet.com/attributes/custom-form-select) where the first value from your select element will be the default sorting.