Javascript 当三个下拉列表之和大于300时显示div

我不知道如何解决我的问题。我有三个选择器下拉列表，当这三个列表的总和大于300时，应该会显示一个带有复选框的div。这是我的表格，当客户想要订购300多种产品时，他可以免费得到一些东西。 我可以在输入中获得这些列表的总和，但此输入的值未显示，因此我无法使用此值显示div：

//这不起作用 事件。观察“总计”、“键控”功能{ 如果$$'total]'[0]。值>299{ $$'show300'[0]。显示； } 否则{ $$'show300'[0]。隐藏； } }; MnožSTVO10203040506070809010020030300 MnožSTVO10203040506070809010020030300 MnožSTVO10203040506070809010020030300 Áno chcem využiťponuku Logo zdarma有多个相同id的选择。id需要唯一。所以你可以使用class

创建两个函数，其中一个将向每个select添加事件更改，因此每当select更改时，该函数将触发；在另一个函数中，每次更改select时，从每个select元素获取值，并对这些值进行求和，以显示/隐藏div

const showDiv=document.getElementById'show300'； const elem=document.querySelectorAll'.custom-select1'； calculateTotal==>{ 设total=0； elem.forEachitem=>{ 总计+=parseIntitem.value，10； }; 总计>300？showDiv.classList.添加'show'：showDiv.classList.删除'show' } elem.forEachitem=>{ 项目.添加了“更改”列表，计算总计 } .隐藏{ 显示：无； } .表演{ 显示：块； } Množstvo 10 20 30 40 50 60 70 80 90 100 150 200 300 Množstvo 10 20 30 40 50 60 70 80 90 100 150 200 300 Množstvo 10 20 30 40 50 60 70 80 90 100 150 200 300 Áno chcem využiťponuku标志zdarma