JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td>Målmand</td>
<td><select id="maalmand" class="minevalg">
<option>---Vælg hold---</option>
<option value="hold1">Hold 1</option>
<option value="hold2">Hold 2</option>
<option value="hold3">Hold 3</option>
<option value="hold4">Hold 4</option>
</select></td>
</tr>
<tr>
<td>Forsvar</td><td><select id="forsvar" class="minevalg">
<option>---Vælg hold---</option>
<option value="hold1">Hold 1</option>
<option value="hold2">Hold 2</option>
<option value="hold3">Hold 3</option>
<option value="hold4">Hold 4</option>
</select></td></tr>
<tr>
<td>Midtbane</td><td><select id="midtbane" class="minevalg">
<option>---Vælg hold---</option>
<option value="hold1">Hold 1</option>
<option value="hold2">Hold 2</option>
<option value="hold3">Hold 3</option>
<option value="hold4">Hold 4</option>
</select></td></tr>
<tr>
<td>Angreb</td><td><select id="angreb" class="minevalg">
<option>---Vælg hold---</option>
<option value="hold1">Hold 1</option>
<option value="hold2">Hold 2</option>
<option value="hold3">Hold 3</option>
<option value="hold4">Hold 4</option>
</select></td></tr>
<tr>
<td>Træner</td><td><select id="traener" class="minevalg">
<option>---Vælg hold---</option>
<option value="hold1">Hold 1</option>
<option value="hold2">Hold 2</option>
<option value="hold3">Hold 3</option>
<option value="hold4">Hold 4</option>
</select></td>
</tr>
</table>
JavaScript
$(".minevalg").change(function(){
var mitvalg = $(this).val();
var counter = 0;
$(".minevalg").each(function(){
if(mitvalg == $(this).val()){
counter++;
}
});
if(counter > 2){
alert("Du må max vælge samme hold 2 gange!");
}
});