如何將表單中的值存儲在變量中？

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();