У меня есть 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>