Repository navigation
Disable select field based on value of another select field #1502
Description
I'm working with a cascading select situation like this https://www.data-driven-forms.org/examples/cascading-select#heading-cascadingselect and I need to disable the second select field based on the first field value.
Is this possible to disable the field or remove it entirely?
Activity
Hyperkid123 commentedon Apr 14, 2025
Hello @ecdeaver. You can fully remove the field by using the condition.
You can also use resolveProps to mutate your props. However, you might have to change the subscription of your form to ensure the field is recalculated when other fields change.
You can check this example: https://stackblitz.com/edit/vitejs-vite-sz78hsjb?file=src%2FApp.tsx
If you type
A(case sensitive), the second select component will be disabled.