Javascript 如何从多个选择中删除重复值？

我已进行多次选择，我从一次选择中选择的值应显示在第二次选择中，不允许重复

<select name="campaignName" size=""multiple>
   <c:forEach items="${campaignDetails}" var="campaignDetails">
      <option value="${campaignDetails.campaignId}">${campaignDetails.campaignName}</option>
   </c:forEach>
</select>     
<select property="selectedCampaigns" id="selectedCampaigns" name = "selectedCampaigns" size="13" styleClass="regioncombo" style="width:200px;"  multiple="true" >
</select>

将选定值从一个选择添加到另一个选择的脚本

$document.readyfunction{ $document.on'click'，manDiv'，函数{ $submitSync.show； }; }; $document.readyfunction{ $addCampaign.clickfunction{ $select活动选项：selected.eachfunction{ var$this=$this； 如果$this.length{ var selectedCampaigns=document.getElementByIds selectedCampaigns； //console.logselectedCampaigns； 对于var j=0；j<$this.length；j++{ var option=document.createElement'option'； //console.logoption[0].attr'value'； option.text=$this.text； option.value=$this.val； selectedCampaigns.addoption，j+1； } } }; }; };

---

上面的代码也允许重复值，但我想知道如何限制重复值的添加。i、 e，一旦我们选择并添加一个值，第二次不应接受相同的值。

这里是一个工作示例

脚本仅比较选项的文本内容

元素“select”的Id-s，其中已更改以使脚本正常工作

脚本将“第二个选择”的每个选项与“第一个选择”的每个选定选项进行比较，如果没有重复项，则追加选定选项

$document.readyfunction{ $document.on'click'，manDiv'，函数{ $submitSync.show； }; $addCampaign.clickfunction{ $campaigns选项：选中。每个功能{ var$this=$this； 如果$this.length{ var selectedCampaigns=document.getElementByIds selectedCampaigns； 对于var j=0；j<$this.length；j++{ var duplicate=false； 对于变量i=0；iAddCampaign上面代码中的select campaigns在哪里？它是一个div id。。我现在用select id替换了它$selectcampaigns选项：selected.eachfunction