Javascript 使用下拉按钮进行计算,并将值放入公式中
我是JavaScript的初学者。我想使用下拉按钮进行计算,但我不知道如何获取选项的值并将其放入计算中。有没有可能帮助我,我如何才能做到这一点,并把价值观的公式Javascript 使用下拉按钮进行计算,并将值放入公式中,javascript,dropdown,calculation,Javascript,Dropdown,Calculation,我是JavaScript的初学者。我想使用下拉按钮进行计算,但我不知道如何获取选项的值并将其放入计算中。有没有可能帮助我,我如何才能做到这一点,并把价值观的公式 <select id="Selectpaint"> <option selected disabled>نوع رنگ اکریلیک</option> <option value="8">رنگ اکریلیک طلایی</opti
<select id="Selectpaint">
<option selected disabled>نوع رنگ اکریلیک</option>
<option value="8">رنگ اکریلیک طلایی</option>
<option value="8">رنگ اکریلیک متالیک صدفی</option>
<option value="13">رنگ اکریلیک مات </option>
<option value="14">رنگ اکریلیک نیم براق </option>
<option value="13">رنگ اکریلیک براق</option>
<option value="10">رنگ اکریلیک آستری</option>
<option value="12">مادر رنگ اکریلیک</option>
</select>
</p>
<p>
نوع رنگ اکریلیک
رنگ اکریلیک طلایی
رنگ اکریلیک متالیک صدفی
رنگ اکریلیک مات
رنگ اکریلیک نیم براق
رنگ اکریلیک براق
رنگ اکریلیک آستری
مادر رنگ اکریلیک
可能在获取值后,我会在公式中使用它,其中包含用户在不同字段中输入的不同数字。当用户更改元素的选定选项时,执行JavaScript HTML
<select id="mySelect" onchange="myFunction()">
<option value="Audi">Audi</option>
<option value="BMW">BMW</option>
<option value="Mercedes">Mercedes</option>
<option value="Volvo">Volvo</option>
</select>
因此这里x将包含所选值。您可以使用此x值并将其添加到计算函数中。使用此代码,您可以在下面的
中显示结果
const applyFormula=(值)=>{
返回值*2+10;//在这里使用公式
}
常量onDropdownChange=(事件)=>{
document.getElementById('result').innerHTML=applyFormula(event.target.value);
}
document.getElementById('Selectpaint')
.addEventListener(“变更”,onDropdownChange)代码>
نوع رنگ اکریلیک
رنگ اکریلیک طلایی
رنگ اکریلیک متالیک صدفی
رنگ اکریلیک مات
رنگ اکریلیک نیم براق
رنگ اکریلیک براق
رنگ اکریلیک آستری
مادر رنگ اکریلیک
熟悉和,特别是和的API<代码>
元素发出一个。请先尝试一下,如果遇到特定问题,请告诉我们。像onchange
这样的内联事件处理程序是可用的。它们是记录事件的一种方式。总是这样。非常感谢你的回答。是我想在公式中使用的值,是我在选项中定义的值?如果对你有帮助的话,请投票回答。是的,它将包含您在选项中定义的值,并且该数字将在公式中起作用。因此,我在我想要的每个公式中使用变量X?变量“X”基本上包含所选的值。由于您需要公式中的选定选项值,因此您应该在公式中使用变量x。无需等待页面加载。使用addEventListener(“DOMContentLoaded”,()=>
…)代码>而不是window.onload=()=>
…代码>。非常感谢您的回答。在您提到的编写公式的部分中,我可以使用用户在其他字段中输入的其他数字吗?当然,可以使用公式函数中的document.getElementById('ElementId').value
来恢复它。太好了,我将尝试它。
function myFunction() {
var x = document.getElementById("mySelect").value;
// use your formula here
}