Advanced Conditional Logic

This doc will cover how to set up conditional logic to be used with list fields in Ninja Forms.

First as you can see we have a list field with three options(one, two, and three) and we have three textbox fields that we will show and hide based on the option selected in the list field.

Let’s get started by creating our “default state”, a default state is how we want the form to display data from the default position. We do this by creating a conditional statement that Shows the first field on our form(Textbox One) and hiding the others(Textbox Two and Textbox Three). Make sure to delete conditions that are auto-populated in the “If the Condition is Not Met” section.

Next we need to create conditions similar to this one for the other two fields.

Now your form should display the textbox that corresponds with the option that is selected in the list field.