JSFiddle - React, Tailwind, and code Playground
HTML
<select id="equipo0">
</select><br/>
<select id="equipo1">
</select><br/>
<select id="equipo2">
</select><br/>
<select id="equipo3">
</select><br/>
<select id="equipo4">
</select><br/>
<select id="equipo5">
</select><br/>
<select id="equipo6">
</select><br/>
<select id="equipo7">
</select><br/>
<select id="equipo8">
</select><br/>
<select id="equipo9">
</select><br/>
JavaScript
var equipos=[
["Barcelona","Barcelona"],
["Madrid","Real Madrid"],
["Valencia","Valencia"],
["Malaga","Malaga"],
["Levante","Levante"],
["Atletico","Atletico de Madrid"],
["Mallorca","Mallorca"],
["Athletic","Athletic de Bilbao"],
["Osasuna","Osasuna"],
["Sevilla","Sevilla"],
["Betis","Betis"],
["Getafe","Getafe"],
["Espanyol","Espanyol"],
["RealSociedad","Real Sociedad"],
["Granada","Granada"],
["Rayo","Rayo Vallecano"],
["Zaragoza","Zaragoza"],
["Sporting","Sporting"],
["Racing","Racing de Santander"]
];
var elegidos=[];
Array.prototype.contiene= function(obj,pos) {
var i = this.length;
while (i--)
{
if (this[i][0] == obj && this[i][1]!=pos)
{
return true;
}
}
return false;
}
function crearOptions(marcado,pos){
var cadena="<option value='se'>Seleccione Equipo</option>";
var n = equipos.length;
for (var i=0;i<n;i++)
{
if (elegidos.contiene(equipos[i][0],pos)) continue;
cadena+="<option "+((marcado==equipos[i][0])?"selected='selected'":"")+" class='"+equipos[i][0]+"' value='"+equipos[i][0]+"'>"+equipos[i][1]+"</option>";
}
return cadena;
}
function llenarElegidos(){
elegidos=[];
for (var i=0;i<10;i++)
{
select=document.getElementById("equipo"+i);
if (select.value!="se")
{
elegidos.push([select.value,i]);
}
}
}
function enlazarChange(){
for (var i=0;i<10;i++)
{
select=document.getElementById("equipo"+i);
select.onchange=function(){
llenarElegidos();
llenarSelects();
};
}
}
function llenarSelects(){
var cadena;
...