Add/remove duplicates from dynamically generated dropdowns with the same class
I have a demo which can be found at
http://beta.acinonyxsim.com/demo . When adding base or spot markings, you are allowed to add as many as you'd like. It is my intent and wish to disable the selected marking in all generated dropdowns but the one currently being manipulated. At this time, the code works in part, but doesn't seem fully to eliminate the possibility of having more than one of the same marking. In theory, the code should disable the marking in question in all other dropdowns and return it to enabled once it has been deselcted. My code is below (I apologize for any formatting errors, I am a blind programmer):
$('div#base_markings').on('change', 'select.base_marking', function(){
var base_marking = $(this).val();
$('select.base_marking').not(this).find('option[value="'+base_marking+'"]').prop('disabled', true);
$(this).find('option[value="'+base_marking+'"]').prop('disabled', false);
processDemo();
showColors();
});
Any help is greatly appreciated.