Как переписать так чтобы в выпадающем меню выбрать температуру, а затем в другом выпадающем меню выбрать толщину пластины относящейся к выбранной температуре.
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Расчёт параметров.</title>
</head>
<body>
<h1>Расчёт параметров.</h1>
<p align="center">
<label for="temp200">Температура нагрева 200°C.</label>
<select name="temp200" id="temp200">
<option value="">Толщина пластины:</option>
<option value="05">0,5 см</option>
<option value="06">0,6 см</option>
<option value="08">0,8 см</option>
</select>
<label for="temp300">Температура нагрева 300°C.</label>
<select name="temp300" id="temp300">
<option value="">Толщина пластины:</option>
<option value="15">1,5 см</option>
<option value="20">2,0 см</option>
<option value="28">2,8 см</option>
</select>
</p>
<script>
const plate05 = [
{ w1: 0.1, w2: 0.5, Jv1: 6.13, Jv2: 2.75, a: 3.89 },
{ w1: 0.5, w2: 2, Jv1: 2.75, Jv2: 1.36, a: 3.54 },
{ w1: 2, w2: 4, Jv1: 1.36, Jv2: 0.95, a: 3.57 },
{ w1: 4, w2: 9.63, Jv1: 0.95, Jv2: 0.55, a: 3.5 },
{ w1: 9.63, w2: 35, Jv1: 0.55, Jv2: 0.3, a: 3.5 },
{ w1: 35, w2: 78.03, Jv1: 0.3, Jv2: 0, a: 3.5 }
];
const plate06 = [
{ w1: 0.1, w2: 0.5, Jv1: 6.13, Jv2: 2.75, a: 3.89 },
{ w1: 0.5, w2: 2, Jv1: 2.75, Jv2: 1.36, a: 3.54 },
{ w1: 2, w2: 4, Jv1: 1.36, Jv2: 0.95, a: 3.57 },
{ w1: 4, w2: 9.63, Jv1: 0.95, Jv2: 0.55, a: 3.5 },
{ w1: 9.63, w2: 35, Jv1: 0.55, Jv2: 0.3, a: 3.5 },
{ w1: 35, w2: 78.03, Jv1: 0.3, Jv2: 0, a: 3.5 }
];
const plate08 = [
{ w1: 0.1, w2: 0.5, Jv1: 6.13, Jv2: 2.75, a: 3.89 },
{ w1: 0.5, w2: 2, Jv1: 2.75, Jv2: 1.36, a: 3.54 },
{ w1: 2, w2: 4, Jv1: 1.36, Jv2: 0.95, a: 3.57 },
{ w1: 4, w2: 9.63, Jv1: 0.95, Jv2: 0.55, a: 3.5 },
{ w1: 9.63, w2: 35, Jv1: 0.55, Jv2: 0.3, a: 3.5 },
{ w1: 35, w2: 78.03, Jv1: 0.3, Jv2: 0, a: 3.5 }
];
const plate15 = [
{ w1: 0.1, w2: 0.5, Jv1: 6.13, Jv2: 2.75, a: 3.89 },
{ w1: 0.5, w2: 2, Jv1: 2.75, Jv2: 1.36, a: 3.54 },
{ w1: 2, w2: 4, Jv1: 1.36, Jv2: 0.95, a: 3.57 },
{ w1: 4, w2: 9.63, Jv1: 0.95, Jv2: 0.55, a: 3.5 },
{ w1: 9.63, w2: 35, Jv1: 0.55, Jv2: 0.3, a: 3.5 },
{ w1: 35, w2: 78.03, Jv1: 0.3, Jv2: 0, a: 3.5 }
];
const plate20 = [
{ w1: 0.1, w2: 0.5, Jv1: 6.13, Jv2: 2.75, a: 3.89 },
{ w1: 0.5, w2: 2, Jv1: 2.75, Jv2: 1.36, a: 3.54 },
{ w1: 2, w2: 4, Jv1: 1.36, Jv2: 0.95, a: 3.57 },
{ w1: 4, w2: 9.63, Jv1: 0.95, Jv2: 0.55, a: 3.5 },
{ w1: 9.63, w2: 35, Jv1: 0.55, Jv2: 0.3, a: 3.5 },
{ w1: 35, w2: 78.03, Jv1: 0.3, Jv2: 0, a: 3.5 }
];
const plate28 = [
{ w1: 0.1, w2: 0.5, Jv1: 6.13, Jv2: 2.75, a: 3.89 },
{ w1: 0.5, w2: 2, Jv1: 2.75, Jv2: 1.36, a: 3.54 },
{ w1: 2, w2: 4, Jv1: 1.36, Jv2: 0.95, a: 3.57 },
{ w1: 4, w2: 9.63, Jv1: 0.95, Jv2: 0.55, a: 3.5 },
{ w1: 9.63, w2: 35, Jv1: 0.55, Jv2: 0.3, a: 3.5 },
{ w1: 35, w2: 78.03, Jv1: 0.3, Jv2: 0, a: 3.5 }
];
const arrTemp200 = [
{ x: "05", y: plate05 },
{ x: "06", y: plate06 },
{ x: "08", y: plate08 }
];
const arrTemp300 = [
{ x: "15", y: plate15 },
{ x: "20", y: plate20 },
{ x: "28", y: plate28 }
];
const allTemp = [
arrTemp200, arrTemp300
];
function findAndReturn(array, value) {
for (let obj of array) {
if (value === obj.x) {
console.log(obj.y);
// console.log(obj.w0L);
// console.log(obj.w0H);
// document.getElementById("w00").value = value;
// document.getElementById("w0L").value = obj.w0L;
// document.getElementById("w0H").value = obj.w0H;
}
}
};
const selectTemp200 = document.querySelector("#temp200");
selectTemp200.addEventListener("change", () => {
const value1 = (selectTemp200.value);
// console.log(value1)
findAndReturn(arrTemp200, value1);
});
const selectTemp300 = document.querySelector("#temp300");
selectTemp300.addEventListener("change", () => {
const value1 = (selectTemp300.value);
// console.log(value1)
findAndReturn(arrTemp300, value1);
});
</script>
</body>
</html>
