JSFiddle - React, Tailwind, and code Playground

HTML

<select id="select1" name="select1">
    <option>No Match</option>
    <option value="1">Test</option>
    <option value="2">Test 2</option>
    <option value="other">Other</option>
</select>

<select id="select2" name="select2">
    <option>No Match</option>
    <option value="1">Test</option>
    <option value="2">Test 2</option>
    <option value="other">Other</option>
</select>
<select id="select3" name="select3">
    <option>No Match</option>
    <option value="1">Test</option>
    <option value="2">Test 2</option>
    <option value="other">Other</option>
</select>

JavaScript

$('select').change(function() {
 if($(this).val() == 'other'){
 		$('#select1, #select2, #select3').not(this)
        .children('option[value="other"]')
        .remove()
 }else{
 		if($('#select1, #select2, #select3').not(this).find('option[value=other]').length > 0){
    
    }else{
    
    ($('#select1, #select2, #select3').not(this)
        .append('<option value="other">Other</option>'))    
    }
    }
});