JSFiddle - React, Tailwind, and code Playground

HTML

<select data-id="страна" data-next="область">
  <option value="0">страна</option>
  <option value="1">Россия</option>
</select>
<select data-id="область" data-next="город" disabled>
  <option value="0">область</option>
  <option value="1">Московская</option>
</select>
<select data-id="город" disabled>
  <option value="0">город</option>
  <option value="1">Москова</option>
</select>

JavaScript

$(function(){
	$('select').on('change',function(){
  	var data_next = $(this).attr('data-next');
    if(data_next !== undefined)
    {
    	var	value = $(this).val();
    	var text = $(this).find('option[value="'+value+'"]').text();
    	if(text == $(this).attr('data-id'))
      {
      	var next = $('select[data-id="'+data_next+'"]');
        
      	$(next).attr({'disabled':''});
      	$(next).find('option[value="0"]').attr('selected', 'true').text(data_next).change();
      }
    	else
      	$('select[data-id="'+data_next+'"]').removeAttr('disabled');
    }
  });
});