JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="" content="">
</head>
<body>
<form  enctype="multipart/form-data" action="save_newwrite.php" method="post" name="newwriteform" id="newwriteform" class="form1">
<select style="width: 40%" name="rajon" id="rajon"  onChange="
            function changerajon(){
if (document.forms['newwriteform'].rajon.value == 'Кировский'){
document.forms['newwriteform'].mikrorajon.disabled=false ;
var objSel = document.forms['newwriteform'].mikrorajon;
//Создаем новый объект Option и заносим его в коллекцию options
objSel.options[1] = new Option('10, 11, 12 МКР');
objSel.options[2] = new Option('5 МКР');
objSel.options[3] = new Option('МКР Прибрежный');
objSel.options[4] = new Option('6 МКР (ост. Автовокзал)');
objSel.options[5] = new Option('ост. ун. Север ');
objSel.options[6] = new Option('МКР Солнечный');
objSel.options[7] = new Option('Авиагородок');
objSel.options[8] = new Option('Старый кировск');
objSel.options[9] = new Option('шк. Милиции - ост. Путилова ');
objSel.options[10] = new Option('р-н ул. Дианова');
objSel.options[11] = new Option('МКР Кристалл');
objSel.options[12] = new Option('р-н Метромоста/Аванград');
objSel.options[13] = new Option('ост. Ватутина-Восточная');
objSel.options[14] = new Option('ост. Комарова - Лукашевича ');
objSel.options[15] = new Option('Долина нищих');
objSel.options[16] = new Option('Бол. Островка');
};

if (document.forms['newwriteform'].rajon.value == 'Куйбышевский'){
document.forms['newwriteform'].mikrorajon.disabled=false ;
var objSel = document.forms['newwriteform'].mikrorajon;
//Создаем новый объект Option и заносим его в коллекцию options
objSel.options[1] = new Option('Биофабрика');
objSel.options[2] = new Option('р-н ул. 9-27 Линии');
objSel.options[3] = new Option('Сити-Центр / МКР Куйбышевский');
objSel.options[4] = new Option('р-н ул. Красных Зорь');
objSel.options[5] = new Option('ост. Турист - Цирк');
objSel.options[6] = new Option('р-н СКК...