如何在 javascript 函数中使用 HTML 表单中的值答案

【问题标题】：How to use values in HTML form in javascript function如何在 javascript 函数中使用 HTML 表单中的值
【发布时间】：2014-11-05 13:05:58
【问题描述】：

大家好，这是我的第一个项目，如果这个问题有点基本，请原谅我。我正在尝试使用从 HTML 表单收集的信息来完成一个 javascript 函数并将结果返回给用户。提示返回为带有文本框的 NaN。为什么我的功能失败了？

我找不到任何专门回答这个问题的东西，所以任何帮助都会很棒。

<script>
  function avgHigh() {
    var open1 = document.getElementById("open1");
    var high1 = document.getElementById("high1");
    prompt(high1/open1)
  }
</script>

<table style="width:300px">
  <tr>
    <td>Opening Rate 1:
      <input type="text" id="open1" value="22" />
    </td>
    <td>High Rate 1:
      <input type="text" id="high1" value="33">
    </td>
    <td>Low Rate 1:
      <input type="text" id="low1" value="323">
    </td>
    <td>Close Rate 1:
      <input type="text" id="close1" value="234">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 2:
      <input type="Text" id="open2" value="345">
    </td>
    <td>High Rate 2:
      <input type="text" id="high2" value="345">
    </td>
    <td>Low Rate 2:
      <input type="text" id="low2" value="345">
    </td>
    <td>Close Rate 2:
      <input type="text" id="close2" value="654">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 3:
      <input type="Text" id="open3" value="456">
    </td>
    <td>High Rate 3:
      <input type="text" id="high3" value="456">
    </td>
    <td>Low Rate 3:
      <input type="text" id="low3" value="83">
    </td>
    <td>Close Rate 3:
      <input type="text" id="close3" value="75">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 4:
      <input type="Text" id="open4" value="3457">
    </td>
    <td>High Rate 4:
      <input type="text" id="high4" value="357">
    </td>
    <td>Low Rate 4:
      <input type="text" id="low4" value="357">
    </td>
    <td>Close Rate 4:
      <input type="text" id="close4" value="0876">
    </td>
  </tr>
  <tr>
    <td>Opening Rate 5:
      <input type="Text" id="open5" value="576">
    </td>
    <td>High Rate 5:
      <input type="text" id="high5" value="456">
    </td>
    <td>Low Rate 5:
      <input type="text" id="low5" value="6458">
    </td>
    <td>Close Rate 5:
      <input type="text" id="close5" value="456">
    </td>

  </tr>
</table>

<input type='button' onclick="avgHigh()" value='Growth on Day 1 (%)' />

【问题讨论】：

标签： javascript html forms function

【解决方案1】：

使用价值。

var open1 = document.getElementById("open1").value;
var high1 = document.getElementById("high1").value;
prompt(high1/open1)

【讨论】：

谢谢！我还是不明白为什么提示中有一个文本框？

【解决方案2】：

您试图将一个 HTMLInputElement 与另一个 HTMLInputElement 分开，这是没有意义的。

您需要获取它们的值（使用.value 属性）。

【讨论】：