Hi,
I have a site where I want people to choose the number of guests they would like to invite to an event from a drop down, and based on their guest number selection the corresponding fields will appear. I.e. choose 1 guest and set of 7 fields to complete for that guest will appear, choose two guests and two sets of 7 fields to complete appear, etc. They have the option to invite 5 guests. And for each guest they have to complete these 7 fields. But I only want what they have to complete to appear so it is not confusing.
I have grouped my fields so rather than having to code for 7 fields to appear each time, I only have to code for a group to appear.
This is my code:
export function dropdown1_onChange(event, $w) {
if (event.target.value === ‘1’) {
$w(" #group1 “).show();
$w(” #group2 “).hide();
$w(” #group3 “).hide();
$w(” #group4 “).hide();
$w(” #group5 “).hide();
}
else if (event.target.value === “2”) {
$w(” #group1 “).show();
$w(” #group2 “).show();
$w(” #group3 “).hide();
$w(” #group4 “).hide();
$w(” #group5 “).hide();
}
else if (event.target.value === “3”) {
$w(” #group1 “).show();
$w(” #group2 “).show();
$w(” #group3 “).show();
$w(” #group4 “).hide();
$w(” #group5 “).hide();
}
else if (event.target.value === “4”) {
$w(” #group1 “).show();
$w(” #group2 “).show();
$w(” #group3 “).show();
$w(” #group5 “).show();
$w(” #group5 “).hide();
}
else if (event.target.value === “5”) {
$w(” #group1 “).show();
$w(” #group2 “).show();
$w(” #group3 “).show();
$w(” #group4 “).show();
$w(” #group5 ").show();
}
}
I have seen directed in another post the below items, which I have also done:
Set the 7 x individual elements/fields of each group so that they are enabled by default to show on the page, however the group as a whole is to be set as hidden on page on load
But I cannot get the code to work? Can someone please help me? I am really stuck and need this to work ASAP.
Thanks!!!