Select with default on change

I am trying to configure a select box with specific values and a default value based on another select box value selected. My present configuration is as below but I cannot select another option then the default one. Please advise the correct way.

{ "display": "form", "settings": { "pdf": { "id": "1ec0f8ee-6685-5d98-a847-26f67b67d6f0", "src": "https://files.form.io/pdf/5692b91fd1028f01000407e3/file/1ec0f8ee-6685-5d98-a847-26f67b67d6f0" } }, "components": [ { "label": "Type", "widget": "choicesjs", "tableView": true, "data": { "values": [ { "label": "Storing", "value": "Storing" }, { "label": "Vraag", "value": "Vraag" } ] }, "selectThreshold": 0.3, "validate": { "unique": false, "multiple": false }, "key": "Type", "type": "select", "indexeddb": { "filter": {} }, "input": true }, { "label": "Priority", "widget": "choicesjs", "tableView": true, "dataSrc": "custom", "data": { "values": [ {} ], "custom": "thisValues = [];\r\nif(data.Type == \"Storing\" || data.Type == \"Schade\")thisValues = [{\"label\":\"Prioriteit 1\",\"value\":\"Urgent\"}];\r\nif(data.Type == \"Vraag\" || data.Type == \"Onderhoud\" || data.Type == \"Update\")thisValues = [{\"label\":\"Prioriteit 3\",\"value\":\"Niet urgent\"}];\r\nvalues = thisValues;" }, "searchEnabled": false, "selectThreshold": 0.3, "allowCalculateOverride": true, "validate": { "unique": false, "multiple": false }, "key": "Priority", "logic": [ { "name": "SetValue Storing", "trigger": { "type": "simple", "simple": { "show": true, "when": "Type", "eq": "Storing" } }, "actions": [ { "name": "SetValue", "type": "value", "value": "value = 'Prioriteit 2';" } ] }, { "name": "SetValue Vraag", "trigger": { "type": "simple", "simple": { "show": true, "when": "Type", "eq": "Vraag" } }, "actions": [ { "name": "SetValue", "type": "value", "value": "value = 'Niet urgent'" } ] } ], "type": "select", "indexeddb": { "filter": {} }, "input": true }, { "type": "button", "label": "Submit", "key": "submit", "disableOnInvalid": true, "input": true, "tableView": false, "validate": { "unique": false, "multiple": false } } ] }

Kind regards, Mario

[randallknutson]

There should be another option for “Clear Value On Refresh Options” that will clear the selected item when the options change.

[ahka01]

Hello @KyooMario,

Would please elaborate more how you were able to change the selection of Select depending on other value during runtime?

Hello Randall,

OK. I understand. So my present state is that after the form load when I make a selection in Select box A the Select box B is showing the correct values and default value. But when I make a selection in Select box B this value is “locked in” meaning that when I change the selection in Select box A the earlier selected value in Select box B shows as the default value even if this value is not (even) part of the values (options).

So how would I remove the selected value in Select box B after a change in Select box A.

Kind regards, Maro