javascript - 多个变量在Javascript中不起作用

我正在尝试获取以英尺和英寸为单位的高度并将其转换为英寸（例如6'1“将为73”）。当我只有一个选择框（底脚框）时，我可以成功地将其转换为英寸。但是，当我添加“ inches”变量并将其添加到转换后的“ feet”变量中时，什么也没有发生。

这是脚本：

<script type="text/javascript" language="javascript">

function Calculate() {

    var feet = document.getElementById("feet").value;
    var inches = document.getElementbyId("inches").value;

    height = ((feet*12) + inches);

    document.write ('This is your height in inches:<b>   ' + height.toFixed(0) + '</b><br>');
}


</script>

和HTML：

<div class="form">
Height:
<select id="feet">
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
</select>

<select id="inches">
  <option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
</select>
<br />
<input type="submit" value="Calculate" onclick="Calculate()" />

提前致谢

最佳答案

feet和inches是字符串，因此+串联在一起。将feet强制转换为整数，因此6'1"的结果为721（72+"1"）

您应该手动转换为整数：

feet = parseInt(feet,10);
inches = parseInt(inches,10);

编辑：而且，正如João指出的那样，您在第二个字母上大写了getElementById。