Dropdown Placeholder

Ask the community
, ,
1

Hi everyone!
I created a dropdown menu on my page in order to filter the different items in the repeater below.
I added a “clear” button as well, so that the user can reset the filter. That works fine.

620×670 66.4 KB

Now I want the dropdown menu to show the placeholder text “All” as soon as someone hits the “clear”-button. I tried the following code:

export function clearbutton_click(event, $w) {
wixData.query(“Blog_Articles”)
.find()
.then( (results) => {
$w(“#repeater1”).data = results.items;
$w(“#dropdown1”).placeholder = “All”; // thats the part with the placeholder text
})
.catch( (err) => {
let errorMsg = err;
});
}

The button itself works fine, but the dropdown menu still shows the last category and not the placeholder text “All”. Do you have any idea, if I need to add something or if I have to change the settings of the dropdown menu?

Thanks for your help!

Best
Alex

2

Hi Alex,
In order to reset the dropdown element, set the value property to null or undefined.

$w('#dropdown1').placeholder = 'All';
$w('#dropdown1').value = null;

Good luck!
Roi

3

Hi Roi,
awesome, now it works!

Thank you!
Alex