Website link: https://bndydvrcmbusiness.editorx.io/jay-rcm/blank-6
please check my code
2nd & 3rd dropdown is not syncing with repeater
My Page Code:
import { local } from ‘wix-storage’;
import wixData from ‘wix-data’;
import { gender, Femaleagerange, Maleagerange, Female, Male, Oneagerange, Oneaagerange, Twoagerange, Twoaagerange, Threeagerange, Threeaagerange, Fouragerange, Fouraagerange, Fiveagerange, Fiveaagerange, Sixagerange, Sixaagerange, Sevenaagerange, Onegoal, Oneagoal, Twogoal, Twoagoal, Threegoal, Threeagoal, Fourgoal, Fouragoal, Fivegoal, Fiveagoal, Sixgoal, Sixagoal, Sevenagoal } from ‘public/FindmyNutricharge.js’;
//Search function
export function search_click(event) { //Button onClick event
$w(“#dataset1”).setFilter(wixData.filter() //Set dataset to filter
.contains(“gender”, $w(“#gender”).value) //gender field key and dropdown
.contains(“agerange”, $w(“#agerange”).value) //age range field key and dropdown
.contains(“goalPresentHealthCondition”, $w(“#goal”).value)) //goal field key and dropdown
.then((results) => {
console.log(“Dataset is filtered”);
$w(“#repeater1”).data = results.items; //Repeater ID
})
.catch((err) => {
console.log(err)
});
$w(“#repeater1”).expand; //Repeater expands after filter
}
//Conditional Dropdown
$w.onReady(function () {
$w('#gender').options = gender;
$w('#gender').placeholder = 'Select Gender';
$w('#gender').onChange(() => {
let gender = $w("#gender").value
$w("#dataset1").setFilter(wixData.filter()
.eq('gender', gender))
if ($w('#gender').value === 'Male') {
$w('#agerange').options = Maleagerange;
$w('#agerange').placeholder = 'Select Age Range';
$w('#agerange').enable();
} else if ($w('#gender').value === 'Female') {
$w('#agerange').options = Femaleagerange;
$w('#agerange').placeholder = 'Select Age Range';
$w('#agerange').enable();
}
});
});
//Conditional Dropdown
$w.onReady(function () {
$w('#agerange').placeholder = 'Select Age Range';
$w('#agerange').onChange(() => {
let Female = $w("#gender").value
$w("#dataset1").setFilter(wixData.filter()
.eq('gender', Female))
if ($w('#agerange').value === '6 M - 2 Yrs') {
$w('#goal').placeholder = 'Goal / Present Health Condition'
$w('#goal').options = Onegoal;
$w('#goal').enable();
$w('#agerange').enable();
}
else if ($w('#agerange').value === '2 Yrs - 6 Yr') {
$w('#goal').placeholder = 'Goal / Present Health Condition'
$w('#goal').options = Twogoal;
$w('#goal').enable();
$w('#agerange').enable();
}
else if ($w('#agerange').value === '6 Yrs - 12 Yrs') {
$w('#goal').placeholder = 'Goal / Present Health Condition'
$w('#goal').options = Threegoal;
$w('#goal').enable();
$w('#agerange').enable();
}
else if ($w('#agerange').value === '12 Yrs - 18 Yrs') {
$w('#goal').placeholder = 'Goal / Present Health Condition'
$w('#goal').options = Fourgoal;
$w('#goal').enable();
$w('#agerange').enable();
}
else if ($w('#agerange').value === '18 Yrs - 40 Yrs') {
$w('#goal').placeholder = 'Goal / Present Health Condition'
$w('#goal').options = Fivegoal;
$w('#goal').enable();
$w('#agerange').enable();
}
else if ($w('#agerange').value === 'Pregnant Woman Or Nursing Mother') {
$w('#goal').placeholder = 'Goal / Present Health Condition'
$w('#goal').options = Sevenagoal;
$w('#goal').enable();
$w('#agerange').enable();
}
else {
$w('#agerange').value === '40 Yrs & Above'
$w('#agerange').placeholder = 'Age Range';
$w('#goal').options = Sixgoal
$w('#goal').placeholder = 'Goal / Present Health Condition';
$w('#goal').enable();
$w('#agerange').enable();
}
});
});