Javascript 使用下拉按钮进行计算,并将值放入公式中

Javascript 使用下拉按钮进行计算,并将值放入公式中,javascript,dropdown,calculation,Javascript,Dropdown,Calculation,我是JavaScript的初学者。我想使用下拉按钮进行计算,但我不知道如何获取选项的值并将其放入计算中。有没有可能帮助我,我如何才能做到这一点,并把价值观的公式 <select id="Selectpaint"> <option selected disabled>نوع رنگ اکریلیک</option> <option value="8">رنگ اکریلیک طلایی</opti

我是JavaScript的初学者。我想使用下拉按钮进行计算,但我不知道如何获取选项的值并将其放入计算中。有没有可能帮助我,我如何才能做到这一点,并把价值观的公式

<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
}