JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Avalie de 1 a 4 sem repetir</h1>
<div id="p1">
<form id="form1" action="" method="get">
<label class="control-label" for="a1"> <strong> Organizado</strong></label>
<select name="a1" id="a1" onchange="valorSelecionado(this)">
<option id="a1" name="a1" value="4" /> 4<br />
<option id="a1" name="a1" value="3" /> 3<br />
<option id="a1" name="a1" value="2" /> 2<br />
<option id="a1" name="a1" value="1" /> 1<br />
</select>
<br /><br />
<label class="control-label" for="b1"> <strong> Criativo</strong></label>
<select name="b1" id="b1" onchange="valorSelecionado(this)">
<option id="b1" name="b1" value="4" /> 4<br />
<option id="b1" name="b1" value="3" /> 3<br />
<option id="b1" name="b1" value="2" /> 2<br />
<option id="b1" name="b1" value="1" /> 1<br />
</select>
<br /><br />
<label class="control-label" for="c1"> <strong> Independente</strong></label>
<select name="c1" id="c1" onchange="valorSelecionado(this)">
<option id="c1" name="c1" value="4" /> 4<br />
<option id="c1" name="c1" value="3" /> 3<br />
<option id="c1" name="c1" value="2" /> 2<br />
<option id="c1" name="c1" value="1" /> 1<br />
</select>
<br /><br />
<label class="control-label" for="d1"> <strong> Impulsivo</strong></label>
<select name="d1" id="d1" onchange="valorSelecionado(this)">
<option id="d1" name="d1" value="4" /> 4<br />
<option id="d1" name="d1" value="3" /> 3<br />
<option id="d1" name="d1" value="2" /> 2<br />
<option id="d1" name="d1" value="1" /> 1<br />
</select>
<br />
</form>
</div>
JavaScript
window.valorSelecionado = function (sel) {
console.log(sel.id);
var val = sel.selectedIndex;
var id = sel.id;
var selects = document.getElementsByTagName('select');
for(var i = 0; i < selects.length; ++i) {
var s = selects[i];
if (s.id != id) {
s.removeChild(s[val])
}
}
}