JSFiddle - React, Tailwind, and code Playground

by Pavel Kharitonov

HTML

<script>
function izmen() {
    obem=document.getElementById("obem").value;
    if (obem==1) {
        document.calcForm.tolschina.options.length = 0;
        document.calcForm.tolschina.options[0] = new Option("Выбрать", "0", true, false);
        document.calcForm.tolschina.options[1] = new Option("1.5 мм.", "2450", false, false);
        document.calcForm.tolschina.options[2] = new Option("2 мм.", "2750", false, false);
} else if (obem==2) {
        document.calcForm.tolschina.options.length = 0;
        document.calcForm.tolschina.options[0] = new Option("Выбрать", "0", true, false);
        document.calcForm.tolschina.options[1] = new Option("1.5 мм.", "2750", false, false);
        document.calcForm.tolschina.options[2] = new Option("2 мм.", "2950", false, false);
} else if (obem==3) {
        document.calcForm.tolschina.options.length = 0;
        document.calcForm.tolschina.options[0] = new Option("Выбрать", "0", true, false);
        document.calcForm.tolschina.options[1] = new Option("1.5 мм.", "2850", false, false);
        document.calcForm.tolschina.options[2] = new Option("222 мм.", "3050", false, false);
        }
}
</script>
<form name="calcForm">
<table width="100%">
<tr>
<td align="center">
    <span>Объём</span> <br />
    <select name="obem" id="obem" onchange="izmen()" class="calc">
        <option value="0">Выбрать</option> 
        <option value="1">0.5</option> 
        <option value="2">0.63</option> 
        <option value="3">0.71</option> 
    </select>
</td>
<td align="center">
    <span>Толщина</span><br />
    <select name="tolschina" id="tolschina" class="calc">
        <option value="0">Выбрать</option> 
    </select>
</td>
</tr>
</table>
</form>

CSS

/*

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

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

*/