JSFiddle - React, Tailwind, and code Playground

HTML

<script>
f=(function (){
var type = document.getElementById("type").value;
var value = type.split('|');
document.getElementById("armwork1").value=value[0];
document.getElementById("armprice1").value =value[1];
document.forms['calcForm'].elements['grdnaz'].fireEvent('change');
});
</script>    
<tr>
<td>Толщина пола:
<br><span style="font-size: 10pt;">Зависит от нагрузок на пол </span>
</td>
<td>
<input type="radio" name="depth" value="0.08" checked> 80
<input type="radio" name="depth" value="0.1"> 100
<input type="radio" name="depth" value="0.15"> 150
<input type="radio" name="depth" value="0.20"> 200
<input type="radio" name="depth" value="0.25"> 250 мм.
</td>
</tr> 
<tr>
<td width="350">Армирование пола:<br><span style="font-size: 10pt;">Зависит от нагрузок на пол </span>
</td>  
<td>
<select name="type" id="type" onchange="f()">
<option value="" selected>выбирите тип армирования</option>
<option value="80|33000" >Арматурная сетка d=5 150*150 1 слой</option>
<option value="120|28000">Арматурная сетка d=12 200*200 1 слой</option>
<option value="180|28000">Арматурная сетка d=12 200*200 2 слоя</option>
</select>  
</td>
</tr>     
<tr>  
<div style="display:none;">
<input id="armwork1" type="text" name="armwork1" value=""> <br/>
<input name="armprice1" id="armprice1" type="text" value="">
</div>   
</tr>

CSS

/*

В функции izmen последнее условие было без if, я его добавил
else if (obem==3) {...}
либо надо удалять условие
else {...}

<select name="tolschina" id="tolschina" class="calc" form="calcForm">
form="calcForm" - удалил этот атрибут

*/