两下拉框不能选相同值

交接班管理：有两个下拉框，一个交班人，一个接班人，交班人下拉框的下拉选项和接班人下拉框的下拉选项完全相同，要实现的要求是，当交班人选了张三，接班人下拉框就不能有张三这个人，该怎么实现？
JSP页面代码：<tr align="center">
<td nowrap="nowrap" align="right" style="width:70px" height="30">
交 班 人<font face="宋体">:</font>
</td>
<td align="left" nowrap="nowrap" >
<s:select list="empList" listKey="ID" listValue="realName" headerKey="" headerValue="--请选择--" id="jiaobanren"
  name="handovers.currPersonID" cssStyle="width:165px;"  data-bvalidator="required" data-bvalidator-msg="请选择交班人" />
</td>
</tr>
<tr align="center">
<td nowrap="nowrap" align="right" style="width:70px" height="30">
接 班 人<font face="宋体">:</font>
</td>
<td align="left" nowrap="nowrap" >
<s:select list="empList" listKey="ID" listValue="realName" headerKey="" headerValue="--请选择--" id="jiebanren" 
  name="handovers.nextPersonID" cssStyle="width:165px;" onchange="clearOption();" data-bvalidator="required" data-bvalidator-msg="请选择接班人" />
</td>
</tr>