javascript - 形式选项中的方程

Question

我正在使用javascript和html来制作表单。如何编码以便在每个选项值中都有一个方程？我正在尝试实现类似的目标(如下所示)，但下面的代码不起作用。任何人都可以提供帮助吗？谢谢。
长 x 宽 = X
选项值中的等式不起作用

Length(ft): <input type="text" id="Length"><br>
Width(ft): <input type="text" id="Width"><br>
<form>
<select id="grassheight">
<option value="2x+2.5">10mm</option>
<option value="2x+3.5">20mm</option>
<option value="2x+4.5">30mm</option>
</select>
</form>
<button onclick="myFunction()">Calculate</button><br>

<script>
function myFunction() {
var grassheight = document.getElementById("grassheight").value;

var Length =  document.getElementById("Length").value;
var Width =  document.getElementById("Width").value;
var area = Math.ceil(Length * Width / 0.92 * grassheight);
document.getElementById("Result").innerHTML = area;
}

Answer 1

如果您喜欢使用 eval 并且可以控制选项值，那么您可以使用类似的内容(假设我正确解释了您的问题):

Length(ft): <input type="text" id="Length"><br>
Width(ft): <input type="text" id="Width"><br>
<form>
<select id="grassheight">
<option value="2*x+2.5">10mm</option>
<option value="2*x+3.5">20mm</option>
<option value="2*x+4.5">30mm</option>
</select>
</form>
<button onclick="myFunction()">Calculate</button><br>

<script>
function myFunction() {
  var Length =  document.getElementById("Length").value;
  var Width =  document.getElementById("Width").value;
  var x = Length * Width;
  var grassheight = eval(document.getElementById("grassheight").value);
  var area = Math.ceil(Length * Width / 0.92 * grassheight);
  document.getElementById("Result").innerHTML = area;
}

我所做的是将选项的值转换成可以由javascript解析的方程(2*x+2.5而不是2x+2.5)，然后我将x的值设置为长度*宽度(就像你在您的问题中描述)并评估选项值，这将(例如，如果选择第一个选项)使 grassheight = 2*x+2.5 = 2*Length*Width + 2.5

如果你不想使用eval，这个question可以提供一些关于如何在不使用 eval 的情况下评估数学表达式的想法。