如何使用 JavaScript 從 html 表單中獲取數字值？

Question

我不知道為什么它不起作用：

html>

<form id="myForm">
<input type="number" name="thing1"> 
<input type="number" name="thing2">
<input type="number" name="thing3">
<input type="button" name="button" onclick="getData()" value="Submit">


</form>

<script>


function getData(){
     var data = [];
    data[0] = form.thing1.value;
    data[1] = form.thing2.value;
    data[2] = form.thing3.value;

 return data;   
}

var x = getData();

document.write(x[0]);


</script>


</html>

我也嘗試使用 document.getElementById 但這不起作用，我想使用數據進行進一步計算，因此它應該是整數格式。

Answer 1

使用id而不是name 。

<input type="number" id="thing1"> 
<input type="number" id="thing2">
<input type="number" id="thing3">

document.getElementById('thing1').value;

Answer 2

form.thing1.value不起作用，因為您沒有名為form的變量

getElementById不起作用（大概），因為輸入沒有名稱。

添加var form = document.getElementById("myForm"); 到您的功能的頂部。

Answer 3

不要在 HTML 中給出名稱，而是為輸入提供id

<input type="number" id="thing1"> 
<input type="number" id="thing2">
<input type="number" id="thing3">

然后通過文檔中的id獲取元素

var inp1 = document.getElementById('thing1').value

Answer 4

試試下面的代碼。 我已經使用getElementsById來獲取值。

    <html>      
    <form id="myForm">
    <input type="number" name="thing1"> 
    <input type="number" name="thing2">
    <input type="number" name="thing3">
    <input type="button" name="button" onclick="getData()" value="Submit">


    </form>

    <script>


    function getData(){
        var data = [];
        data[0] = document.getElementsByName('thing1')[0].value;
        data[1] = document.getElementsByName('thing2')[0].value;
        data[2] = document.getElementsByName('thing3')[0].value;
        console.log(data); // Check the console for the values for every click.
    return data;   
    }

    var x = getData(); // When this is executed there will be no values in the input.



    </script>


    </html>

如何使用 JavaScript 從 html 表單中獲取數字值？

問題描述

4 個解決方案

解決方案1
0 2017-01-24 21:20:13

解決方案2
0 2017-01-24 21:20:53

解決方案3
0 2017-01-24 21:21:02

解決方案4
0 2017-01-24 21:27:46

如何使用 JavaScript 從 html 表單中獲取數字值？

問題描述

4 個解決方案

解決方案1 0 2017-01-24 21:20:13

解決方案2 0 2017-01-24 21:20:53

解決方案3 0 2017-01-24 21:21:02

解決方案4 0 2017-01-24 21:27:46

解決方案1
0 2017-01-24 21:20:13

解決方案2
0 2017-01-24 21:20:53

解決方案3
0 2017-01-24 21:21:02

解決方案4
0 2017-01-24 21:27:46