Learn to filter your repeaters with dropdown inputs in Wix. This will allow your users to find what they are looking for a lot quicker.
Before you insert the code, watch this video to learn how to properly set up your database and content:
Now that you have your site set up correctly, here is the code that you will need:
import wixData from 'wix-data';
export function searchButton_click(event) {
search();
}
function search() {
wixData.query("Properties")
.contains("propertieType", String($w("#dropdown1").value))
.and(wixData.query("Properties").contains("listingType", String($w("#dropdown2").value)))
.find()
.then(results => {
$w("#propertiesRepeater").data = results.items;
$w('#searchButton').hide();
$w('#resetButton').show();
$w('#resetButton').enable();
});
}
export function resetButton_click(event) {
$w('#propertiesDataset').setFilter(wixData.filter());
$w('#dropdown1').value = undefined;
$w('#dropdown2').value = undefined;
$w('#resetButton').hide();
$w('#searchButton').show();
}
Make sure you name your elements properly to ensure that the code works correctly. Or at least change the code to the names you used on your site.
Have Fun!