如何将表单中的值存储在变量中？

Question

我想从HTML获取一个值到我的Javascript。

所以这是正文中的HTML输入部分

<input type="text" name="paa" value="0" size="3">

这是脚本部分

var paa = document.getElementById("paa").value;

但我只得到Null，当我解析它时，我只得到NaN。

当然我做错了什么，但我不知道是什么，我已经搜索过了，但是其他主题看起来像这样工作得很好或者使用像jQuery这样的其他东西..

我想要的只是从HTML输入获取一个值到Javascript变量。

Answer 1

更改

<input type="text" name="paa" value="0" size="3">

到

<input type="text" name="paa" value="0" id="paa" size="3">

Answer 2

您的元素的name为"paa"，不 id为"paa"。而不是getElementById()，您需要使用：

document.getElementsByName("paa")

这将返回具有name属性的任何元素的集合。要访问每个人，您需要使用其索引。如果您的网页上只有一个"paa"元素，则可以使用：

document.getElementsByName("paa")[0].value

Answer 3

所以这里是正文中的HTML输入部分

<input type="text" id="paa" value="0" size="3">

这是脚本部分

<script>
    var paa = document.getElementById("paa").value;
    alert(paa)
</script>

Answer 4

您只需要在输入元素中添加ID，如下所示：

<input type="text" id="paa" name="paa" value="0" size="3">

这是因为您使用的是getElementById，但您的元素没有ID。

工作示例：https://jsfiddle.net/JohnnyWalkerDesign/gs9ek11L/

Answer 5

您刚忘记了html中的ID属性

<input type="text" **id="paa"** name="paa" value="0" size="3">

为什么不使用jQuery？使用HTML DOM时，会让您的生活更轻松。

var value = $('#paa').val();