JSFiddle - React, Tailwind, and code Playground

by ivanovsuper

HTML

<form name="calcForm">
    <select id="type_okno" name="type_okno">
    </select>
</form>

JavaScript

var h = [
    {
    "name": "Одинарное глухое",
    "price": [5900, 3250],
    "url": "/images/stories/okna/closed.jpg",
    "width_hint": "(1000-1500)",
    "height_hint": "(1000-2000)"},
{
    "name": "Одинарное поворотное",
    "price": [9000, 4650],
    "url": "/images/stories/okna/t1_1.jpg",
    "width_hint": "(400-1300)",
    "height_hint": "(400-2000)"}];

//Так заполняем select видов при загрузке страницы
document.calcForm.type_okno.add(new Option("Тип окна", "-1", true));
for (var i = 0; i < h.length; i++) {
    document.calcForm.type_okno.add(new Option(h[i].name, i));
}