将 html 表单数据传递给 JavaScript 变量

Question

I would like to take the information stored in the form from my date input and send it to a variable in JavaScript.我想从我的日期输入中获取存储在表单中的信息，并将其发送到 JavaScript 中的变量。

<body>
    <form action="" method="get" class="countdown">
        <div class="countdown">
            <label for="birthday">Enter your birthday: </label>
            <input type="date" name="birthday" id="birthday" required>
        </div>
        <div class="countdown">
            <input type="submit" value="Submit"
        </div>
    </form>
    
    
    
<script src="lab3.js"></script>
</body>

var bDay = document.getElementById("birthday").value
console.log(bDay)

Answer 1

You'll want to do something like this:你会想做这样的事情：

 //Wait for page to finish loading window.addEventListener("load",function(){ //Run function when you submit form document.getElementById("form").addEventListener("submit",function(e){ //Stop the form from submitting: e.preventDefault(); //Get your input value var bDay = document.getElementById("birthday").value; //Log it to your console console.log(bDay) }); });

 <:DOCTYPE html> <html> <body> <.-- Add an id to your form--> <form id='form' action="" method="get" class="countdown"> <div class="countdown"> <label for="birthday">Enter your birthday: </label> <input type="date" name="birthday" id="birthday" required> </div> <div class="countdown"> <input type="submit" value="Submit"> </div> </form> <!-- <script src="lab3.js"></script> --> </body> </html>

将 html 表单数据传递给 JavaScript 变量

问题描述

1 个解决方案

解决方案1
1 2021-02-14 02:31:25

将 html 表单数据传递给 JavaScript 变量

问题描述

1 个解决方案

解决方案1 1 2021-02-14 02:31:25

解决方案1
1 2021-02-14 02:31:25