I'm working on a web app where the data is structured as follows:
CLIENTS may have one or more CONTRACTS
CONTRACTS may have one or more CASES
CASES may have one or more CLIENTS
and one or more CONTRACTS
When the user is opening a new CASE, they first have to choose one or more CLIENTS and the respective one or more CONTRACTS.
I started by showing the user cascading dropdowns, like this:
STEP 1: choose a CLIENT
STEP 2: a <select> showing that CLIENT's CONTRACTS is shown
STEP 3: the user may click a link labeled "ADD ANOTHER CLIENT" or another labeled "ADD ANOTHER CONTRACT"
However, if - for instance - there's a CLIENT with multiple CONTRACTS and another one with only one CONTRACT, it starts to become quite confusing.
What would be the best way to present these choices?
EDIT 1: I've started experimenting with a multiple select for the CONTRACTS, will report back.
EDIT 2: To make matters more clear. It's an app for a law office. The have cases in which they represent one or more clients, also, that representation may be based on more that one contract for each of that clients. So, when adding a case, the represented clients and representation contracts pertaining to that case have to be id'd.