Select Dropdowns do not support conditionals

[hsheikhali]

Wanted to see if this was a real thing but it looks like select elements do not work with conditionals? Only check boxes and radio buttons work.

If I'm wrong, is there an example I can use somewhere?

[mikechabot]

Hey @hsheikhali, all form elements in react-json-form-engine accept conditionals. Here's an example of using a conditional statement to show an input field based on the selection in a given Select element:

https://codesandbox.io/s/react-json-form-engine-conditional-select-8zr9k

Here's what the fields array looks like:

fields: [
    {
      id: "field_1",
      type: "array",
      title: "Field title",
      options: [
	{ id: "op1", title: "Option 1" },
	{ id: "op2", title: "Option 2" },
	{ id: "op3", title: "Option 3" }
      ]
    },
    {
      id: "field_2",
      type: "string",
      title: "Some Input",
      showCondition: {
	type: "CONTAINS",
	expressions: [
	  {
	    type: "FORM_RESPONSE",
	    id: "field_1"
	  },
	  {
	    type: "CONST",
	    value: "op2"
	  }
	]
      }
    }
  ]

We're using the CONTAINS expression type here, which means if the user selections multiple options, and one happens to be op2, then render the input field.