JSFiddle - React, Tailwind, and code Playground

HTML

<div>
	<span class="cityname">Ваш город:</span>
	<div class="city">
		<div class="skinned-wrapper">
		<div class="skinned-text"></div>
			<select class="skinned-select">
				<option value="0">Санкт-Петербург</option>
				<option value="1">Москва</option>
				<option value="2">Калининград</option>
		</select>
		</div>
	</div>
</div>
	<div class="phone">
		<span class="span-ind">(495)</span> 
		<span class="span-num">727-72-31</span>
	</div>

	<div class="phone">
		<span class="span-ind">(444)</span> 
		<span class="span-num">727-72-31</span>
	</div>

	<div class="phone">
		<span class="span-ind">(777)</span> 
		<span class="span-num">727-72-31</span>
	</div>

CSS

.phone {
    display: none;
}

JavaScript

$(function(){
			 $('.phone:eq(0)').show();
				$('.skinned-select').click(function(){
				v=$('.skinned-select').val();
				h=$('option:selected').text();
				 $('.phone').hide();
				$('.phone:eq('+v+')').show();
			});
		});