Multiple dropdowns, same options, only allow value to be selected once


#1

I’m using the same data (select options) for multiple dropdowns (user can select in any of dropdowns), but only want the user to be able to select a value (option) once.

Unfortunately the only method I have found to do this is with some jQuery hacks to set a disabled class on the menu item (to prevent them from selecting).

Is there any easier or built in method that can be used to do this, or does anybody have any suggestions or recommendations on best practices to do this?

Demo:
https://jsfiddle.net/tripflex/qaf7x4nr/

Here’s the question on Stack Overflow:
https://stackoverflow.com/questions/46595735/multiple-dropdowns-same-options-only-allow-value-to-be-selected-once-semanti