@rebecarpop Hi no problem, you will need 3 dropdowns if you are filtering sizes by men and women, like this
export function dropdown1_change(event) {
let key = $w("#dropdown1women").value;
if (key === ('M'))$w("#myButton1Women").expand()
else {
$w("#myButton1Women").collapse(),
console.log(key)
}
if (key === ('L'))$w("#myButton2Women").expand()
else {
$w("#myButton2Women").collapse(),
console.log(key)
}
if (key === ('XL'))$w("#myButton3Women").expand()
else {
$w("#myButton3Women").collapse(),
console.log(key)
}
if (key === ('S'))$w("#myButton4Women").expand()
else {
$w("#myButton4Women").collapse(),
console.log(key)
}
}
export function dropdown2_change(event) {
let key = $w("#dropdown2").value;
if (key === ('Men'))$w("#dropdown3men").expand(),
$w("#myButton1Men").expand(),
$w("#myButton1Women").collapse(),
$w("#myButton2Women").collapse(),
$w("#myButton3Women").collapse(),
$w("#myButton4Women").collapse()
else {
$w("#dropdown3men").collapse(),
$w("#myButton1Men").collapse(),
$w("#myButton4Men").collapse(),
$w("#myButton3Men").collapse(),
$w("#myButton2Men").collapse(),
$w("#myButton1Women").expand()
console.log(key)
}
if (key === ('Women'))$w("#dropdown1women").expand()
else {
$w("#dropdown1women").collapse(),
console.log(key)
}
}
export function dropdown3men_change(event) {
let key = $w("#dropdown3men").value;
if (key === ('M'))$w("#myButton1Men").expand()
else {
$w("#myButton1Men").collapse(),
console.log(key)
}
if (key === ('L'))$w("#myButton2Men").expand()
else {
$w("#myButton2Men").collapse(),
console.log(key)
}
if (key === ('XL'))$w("#myButton3Men").expand()
else {
$w("#myButton3Men").collapse(),
console.log(key)
}
if (key === ('S'))$w("#myButton4Men").expand()
else {
$w("#myButton4Men").collapse(),
console.log(key)
}
}
add the onChange() event on the dropdown
add the onChange() event on the dropdown
add the onChange() event on the dropdown
