隐藏基于另一个选择框选择JQuery的选择框选项

Question

例如，我设置了不同的选择框

"course 1" (with dates - May 01, June 01), 
"course 2 (with dates - June 01, August 01)" 
"course 3 (with dates - July 01, June 01)". 

因此，要求是：如果用户选择"Course 1" and select "date - June 1" ，然后如果用户选择"Course 2" or "course 3"那么我必须将逻辑放在用户无法选择日期作为"June 1 for course 2"日"June 1 for course 2"和"course 3"因为用户已经为"Course 1"选择了"June 1" "Course 1" 。 因此，用户只能为"Course 2"选择"August 01" ，为"Course 2" "July 01" "Course 3" 。

请查看HTML代码

<select class="c1"><option value="May 01">May 01</option><option value="June 01">June 01</option></select>
<select class="c2"><option value="June 01">June 01</option><option value="Aug 01">Aug 01</option></select>
<select class="c3"><option value="June 01">June 01</option><option value="July 01">July 01</option></select>

那么有什么方法可以使用JQuery来实现呢？