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

Question

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

也许在取值后，我在公式中使用它，其中包含用户在不同字段中输入的不同数字。

Answer 1

当用户更改元素的选定选项时执行 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>

JavaScript

function myFunction() {
  var x = document.getElementById("mySelect").value;
  // use your formula here
}

所以这里 x 将包含选定的值。您可以使用此 x 值并将其添加到计算函数中。

Answer 2

使用此代码，您可以在下面的 <p> 中显示结果。

const applyFormula = (value) => {
  return value * 2 + 10; //Use here your formula 
}

const onDropdownChange = (event) => {
 document.getElementById('result').innerHTML = applyFormula(event.target.value);
}


document.getElementById('Selectpaint')
  .addEventListener('change', onDropdownChange);

<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 id='result'></p>

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

Using the dropdown botton for calculating and put the value in formula

javascript

dropdown

calculation