如何从所有其他下拉列表中删除选定的选项？

Question

我有4个下拉字段，它们都动态显示相同的数据。如果选择了一个选项，则应将其从其他下拉字段中删除。如何使用JS实现此目标？

 <select class="form-control" id="exampleFormControlSelect1" name="winner1">
                    <% nameArray.forEach(function(item){ %>
                        <option> <%= item.name %> </option>
                    <% }) %>
</select>

 <select class="form-control" id="exampleFormControlSelect1" name="winner2">
                    <% nameArray.forEach(function(item){ %>
                        <option> <%= item.name %> </option>
                    <% }) %>
</select>

<select class="form-control" id="exampleFormControlSelect1" name="looser1">
                <% nameArray.forEach(function(item){ %>
                    <option> <%= item.name %> </option>
                <% }) %>
</select>

<select class="form-control" id="exampleFormControlSelect1" name="looser2">
                    <% nameArray.forEach(function(item){ %>
                        <option> <%= item.name %> </option>
                    <% }) %>
    </select>