If you have a look at the click event of the checkboxes, you will see a section of script that deals with this:

// Check to see if the user has already selected
// from this option in the dropdown
var vChoice = userSelection.rawValue.search(/fruit/);
if (vChoice !== -1) {
userSelection.rawValue = null;
}

This searches the rawValue of the dropdown, looking for the criteria. If the search matches the criteria, it returns the index. If it does not match, it returns -1. This is why I am testing in the if statement for the search !== -1, which would mean that the user has selected a choice that matches the criteria and therefore we much clear the dropdown.

The easiest approach for you is to include this script in the exit event of the first/static dropdown:

list2.rawValue = null;

This will always null the second/dynamic dropdown, every time the user exits the first dropdown.

You can use the more detailed script block as a basis for a more refined solution, which will take into account your data structure.

Hope that helps,

Niall

What I need to do now is, when the value change in list1 the info in list2 gets cleared. Currently there is only two values to choose from, but the list will expand as time goes.

So I suppose I need to use the change event but how to clear the value?

Regards,

I have amended the script in the click event of the checkboxes to address this issue.

Hope that helps,

Niall