Interaction for dependent sibling input fields?
I have two fields in a form - Country and Organisation. These hold the same hierarchy and are dependent on each other.
Meaning, the user should be able to either select a country first and then select an Organisation that falls under the Country or, select an Organisation first and then select the Countries that the Organisation exists in.
So something like the following:
(If user chooses Organisation tab first, hovering on Uniqlo only displays the countries it is present in. If he chooses the country tab first, hovering over US will only display Organisations that are present in the US)
The basic question that I'm trying to ask the user is "What countries and Organisations do you need access to?" Say if "Country" is the first dropdown, a user wanting access to "BMW" in "whatever country BMW is in" would have to first answer "Choose country" and specifically filter and select "countries that BMW is in" and then "Choose org" with "BMW". It would make more sense for him to choose Org as BMW first as then select "All" option from the Country list. In contrast, a user wanting "All Orgs" in "India" would want the country field to be above the Org field.
I'm convinced that this is not an ideal design and could be very confusing for some but I also can't think of another alternative. Asking the user to choose "What would you like to choose first? Org or the Country?" seems like one way to go but still seems like bad design. Is there some clever design pattern for such cases? To throw in some context, this is for a web only admin access control UI.