Как получить выбранные параметры из выпадающего списка и умножить на поля ввода

Question

Привет. Я пытаюсь проверить, выбрал ли пользователь данный элемент из выпадающего списка и, в соответствии с его выбором, выполнить умножение на три различных элемента и отобразить результат.

Я хочу получить, т. Е. : если лампа выбрана, сделайте лампу * часы * кол-во * ватт; затем получите: c * часов * кол-во * ватт и, наконец,: tv * hours * qty * watts,

, а затем получите всю сумму в массиве и передайте ее пользователю в;

Это мой html`

<form action="" id="energyForm">
               <label for=""></label>
                  <select id="houseSet" onselect="getSelectValue();">
                        <option id="lamp" value="lamp">Lamp</option>
                        <option id="AC" value="ac">Air Conditioner</option>
                        <option id="TV" value="tv">TV</option>
                    </select>
                    <input type="number" min="1" max="15" id="qty" placeholder="Qty">
                    <input type="number" min="1" id="watts" placeholder="Watts">
                    <input type="number" min="1" max="24" id="hours" placeholder="Hours of Use">
                    <input type="text" id="subtotal" placeholder="Daily SubTotal">
                    <input type="text" id="total" placeholder="Daily Total">
                    <button name="calculate" id="itemConsumption" onclick="">Item Consumption</button>
                    <button name="calculus" id="totalConsumption" onclick="calculate();">Total</button>
                    <button name="">Clear Input</button>
                    <button name="">Remove Data</button>
                </form>

`

// Calculate all the consumed watts
    function calculate() {
        // inputing the variable into an array
        let items = [lamp, AC, TV];
        for (i = 0; i <= items.length; i++) {
            return i * qty * watts * hoursUsed;
        }
    }

`

`

Answer 1

Если вы используете body-parser в узле, вы можете добавить имя к вашему тегу выбора:

<select name='myselect'>

А в узле вы можете получить доступ к опции, которую пользователь выбирает с помощью req.body.myselect