JSFiddle - React, Tailwind, and code Playground
HTML
<form id="selects" class="calculator">
<fieldset>
<legend>Мощность</legend>
<select id="power">
</select>
</fieldset>
<fieldset>
<legend>Обороты</legend>
<select id="number">
</select>
</fieldset>
<fieldset>
<legend>Производство?</legend>
<label for="rf"><input type="radio" class="check" value="1" id="rf" name="made">РФ</label>
<label for="import"><input type="radio" class="check" value="1.2" id="import" name="made">Импорт</label>
</fieldset>
<fieldset>
<legend>Срочный ремонт?</legend>
<label for="nofast"><input type="radio" id="nofast" value="1" class="check" name="time">Не срочный</label>
<label for="fast"><input type="radio" class="check" value="1.2" id="fast" name="time">Срочный</label>
</fieldset>
<fieldset>
<legend>Тип двигателя</legend>
<label for="one"><input type="radio" class="check" id="one" value="1.3" name="type">Однофазный (220 В)</label>
<label for="third"><input type="radio" class="check" id="third" value="1" name="type">Трехфазный (380 В)</label>
</fieldset>
<fieldset class="check">
<legend>Дополнительные опции</legend>
<label for="1"><input class="check" type="checkbox" value="1.5" id="1">электродвигатели взрывозащищенного исполнения без ремонта элементов взрывозащиты</label>
<label for="2"><input class="check" type="checkbox" value="1.1" id="2">снятие муф, шкивов с вала, шестерни и т. д.</label>
<label for="3"><input class="check" type="checkbox" value="1.2" id="3">ремонт электродвигателей устаревшей конструкции</label>
<label for="4"><input class="check" type="checkbox" value="1.5" id="4">ремонт вибраторов, мотор барабан</label>
<label for="5"><input class="check" type="checkbox" value="1.8" id="5">ремонт гидротолкателей</label>
<label for="6"><input class="check" type="checkbox" value="1.2" id="6">двухскоростных однообмоточных</label>
<label for="7"><input class="check" type="checkbox" value="1.5" id="7">двухскоростных...
JavaScript
const data = [
{
"Мощность" : "0,18",
"Частота вращения" : {
"3000" : "1130",
"1500" : "1130",
"1000" : "1380",
"700" : "1460",
"500" : "1780"
}
},
{
"Мощность" : "0,25",
"Частота вращения" : {
"3000" : "1380",
"1500" : "1380",
"1000" : "1460",
"700" : "1780",
"500" : "2180"
}
},
{
"Мощность" : "0,37",
"Частота вращения" : {
"3000" : "1450",
"1500" : "1450",
"1000" : "1750",
"700" : "2180",
"500" : "2165"
}
},
{
"Мощность" : "0,55",
"Частота вращения" : {
"3000" : "1770",
"1500" : "1770",
"1000" : "2146",
"700" : "2370",
"500" : "2960"
}
},
{
"Мощность" : "0,75",
"Частота вращения" : {
"3000" : "2150",
"1500" : "2150",
"1000" : "2360",
"700" : "2940",
"500" : "3320",
}
},
{
"Мощность" : "1,1",
"Частота вращения" : {
"3000" : "2370",
"1500" : "2370",
"1000" : "2940",
"700" : "3330",
"500" : "3810"
}
},{
"Мощность" : "1,5",
"Частота вращения" : {
"3000" : "2940",
"1500" : "2940",
"1000" : "3300",
"700" : "3800",
"500" : "4450"
}
},{
"Мощность" : "2,2",
"Частота вращения" : {
"3000" : "3300",
"1500" : "3300",
"1000" : "3800",
"700" : "4250",
"500" : "5460"
}
},{
"Мощность" : "3",
"Частота вращения" : {
"3000" : "3800",
"1500" : "3800",
"1000" : "4250",
"700" : "5460",
"500" : "6420"
}
},{
"Мощность" : "4",
"Частота вращения" : {
"3000" : "4270",
"1500" : "4270",
"1000" : "5480",
"700" : "6420",
"500" : "8600"
}
},
{
"Мощность" : "5,5",
"Частота вращения" : {
"3000" : "5460",
"1500" : "5460",
"1000" : "6420",
"700" : "8600",
"500" : "9700"
}
},{
"Мощность" : "7,5",
"Частота вращения" : {
"3000" : "6300",
"1500" : "6300",
...