我有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>