javascript - 如何从下拉列表中获取选定的选项并与输入字段相乘

Question

您好，我正在尝试检查用户是否从下拉列表中选择了给定的项目，并根据其选择与三个不同的项目执行乘法并渲染结果。

我想要得到，即:如果选择了灯，则使灯 * 小时 * 数量 * 瓦特；然后得到:交流*小时*数量*瓦特，最后:电视 * 小时 * 数量 * 瓦特，

然后获取数组中的所有总计并将其呈现给用户；

这是我的 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

如果您在 Node 中使用 body-parser，您可以向您的选择标记添加一个名称:

<select name='myselect'>

在 Node 中，您可以使用 req.body.myselect 访问用户选择的选项