javascript - 将 html 表单数据传递给 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)
解决方案
你会想做这样的事情:
//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>
推荐阅读
- javascript - Onerror 和 onload 事件不会在反应的脚本元素中触发
- amazon-web-services - AWS EMR 与 Glue 目录,明确指定 catalogId
- google-bigquery - 我想在插入 Bigquery 表时生成唯一 ID。
- mysql - 获取 MySQL 中受影响的行数
- lda - 如何用槌预测一批文档的主题
- sql-server - 在数据库表中创建多个地址
- amazon-web-services - AWS Server Migration Service Hyper-V 连接器运行状况不佳
- r - 当 summary=F 且字符串包含“&”时,Stargazer 将字符字段拆分为列
- jquery - 如何在不可见的div中使用未选中的复选框制作可搜索列表
- php - Symfony 4,Postgres - 运行学说命令时参数“client_encoding”的值无效:“utf8mb4”