In my form, I have a simple setup where user names are listed, and for each user, there is a drop-down box displaying items that can be assigned to them. To facilitate the assignment of multiple items to a user, I want to implement a feature where a "add another item" button will generate a new drop-down box below the current one while preserving the selection made in the original drop-down box.
You might wonder why not use radio buttons or checkboxes instead. The reason is twofold - the list of items is extensive, and sometimes the same item needs to be assigned to a user more than once.
I am aware that this functionality can be achieved using Javascript, but I am not familiar with the code needed to implement it.
For reference, I have included an example of what I aim to achieve, although it is not currently functional due to the lack of an onClick function.
Since my issue does not involve dynamically populating the drop-down box items, I have struggled to find relevant solutions. Any assistance or links to helpful resources would be greatly appreciated!