JSFiddle - React, Tailwind, and code Playground

by Denis Tverdokhlebov

HTML

<input style="width:100%;" type="text" name="zip_code" value="">
<input style="width:100%;" type="text" name="region" value="">
<input style="width:100%;" type="text" name="district" value="">
<input style="width:100%;" type="text" name="city" value="">
<input style="width:100%;" type="text" name="nas_p" value="">
<input style="width:100%;" type="text" name="street" value="">
<input style="width:100%;" type="text" name="house" value="">
<input style="width:100%;" type="text" name="korpus" value="">
<input style="width:100%;" type="text" name="stroenie" value="">
<input style="width:100%;" type="text" name="flat" value="">
<input type="submit" id="search_button" style="width:100px" name="search_in_kladr_button" value="Поиск">

JavaScript

function onChooseButtonClick(i)
{
	var form_adress=document.getElementById("adress_hidden_form");
	var butt = document.getElementById("chooseButton_"+i);
	var country  = document.createElement("<INPUT type=hidden name=country value=\""+butt.country+"\">");
	var region_type_str  = document.createElement("<INPUT type=hidden name=region_type_str value=\""+butt.region_type_str+"\">");
	var region  = document.createElement("<INPUT type=hidden name=region value=\""+butt.region+"\">");
	var district  = document.createElement("<INPUT type=hidden name=district value=\""+butt.district+"\">");
	var city  = document.createElement("<INPUT type=hidden name=city value=\""+butt.city+"\">");
	var settlement_type  = document.createElement("<INPUT type=hidden name=settlement_type value=\""+butt.settlement_type+"\">");
	var nas_p  = document.createElement("<INPUT type=hidden name=nas_p value=\""+butt.nas_p+"\">");

	form_adress.appendChild(country);
	form_adress.appendChild(region_type_str);
	form_adress.appendChild(region);
	form_adress.appendChild(district);
	form_adress.appendChild(city);
	form_adress.appendChild(settlement_type);
	form_adress.appendChild(nas_p);

	if(butt.street_from=="list")
	{
		var streets_select = document.getElementById("streets_select_"+i);
        streets_select.options[streets_select.selectedIndex].street
        if(streets_select.options[streets_select.selectedIndex].street!="")
        {
			var type_street  = document.createElement("<INPUT type=hidden name=type_street value=\""+streets_select.options[streets_select.selectedIndex].type_street+"\">");
			var street  = document.createElement("<INPUT type=hidden name=street value=\""+streets_select.options[streets_select.selectedIndex].street+"\">");
			form_adress.appendChild(type_street);
			form_adress.appendChild(street);
		}
	}

	if(butt.street_from=="field")
	{
		var type_street  = document.createElement("<INPUT type=hidden name=type_street value=\""+butt.type_street+"\">");
		var street  =...