JSFiddle - React, Tailwind, and code Playground
HTML
<div id="cities">
<select name="city[]">
<option value="">Выберите город на А</option>
<option value="Архангельск">Архангельск</option>
<option value="Астрахань">Астрахань</option>
</select>
<select name="city[]">
<option value="">Выберите город на Б</option>
<option value="Белгород">Белгород</option>
<option value="Брянск">Брянск</option>
</select>
<select name="city[]">
<option value="">Выберите город на В</option>
<option value="Владивосток">Владивосток</option>
<option value="Вологда">Вологда</option>
</select>
</div>
JavaScript
var citiesContainer = $('#cities')
citiesContainer.on('change', 'select[name^="city"]', myOnfocusHandler)
function myOnfocusHandler() {
var changedSelect = this
if ($(changedSelect).val() !== '') {
citiesContainer.find('select[name^="city"]').each(function(){
if (this !== changedSelect) {
$(this).find('option').removeAttr('selected')
}
})
}
}