Dynamic button group options based on selections in another button group

Support
1

Hi!
I have Question1 which is a button group with several options (A, B, C).
There is Question2 which is also a button group with same options (A, B, C).

I need to do the following:
If user selects option A in Question1, then Question2 should show only one option - A.

I tried to come up with advanced logic for this, but for some reason it doesn’t work - it still shows all options for Question2.

if (feathery.fields['Question1'].value === 'A')
feathery.fields['Question2'].options = ['1'];

Will appreciate any advice!

2

Hi @Belalenok,

You can set the button group options like this:

  • ButtonGroup1.value[0] holds the selected button in the group.
  • ButtonGroup1.options[0].value holds the option values (you can replace 0 with the index of the option you want).

If the selected button matches a specific option, you can update ButtonGroup2 like this:

if (ButtonGroup1.value[0] === ButtonGroup1.options[0].value) { 
  ButtonGroup2.options = [ButtonGroup2.options[0]];
}

In this example, the ButtonGroup2 will only display its first option if the condition are met

Let me know if this works!