javascript - 单击按钮时警报框显示表单数据

标签 javascript onclick alert

我希望在表单底部创建一个按钮,该按钮将创建一个警报框,显示输入的表单数据。表格包括: 名 姓 地址1 地址2 城市 状态 压缩 电话 传真

表单完成后,单击该按钮,会弹出一个警告框,显示输入的表单数据。

有人知道如何在没有实际提交或验证表单的情况下完成任务吗?没有数据库用于提交表单数据,因此没有数据库可以从中提取信息。

任何帮助将不胜感激。

由于表单代码太长,我没有包含它,但我正在使用的警报框当前代码如下所示:

 <script>
 function display_alert()
 {
 alert("");
 }
 </script>

 <body>
 <input type="button" onclick="display_alert()" value="Display alert box">
 </body>

最佳答案

如果我猜对了,你需要这样的东西:

<html>
<head>
<script type="text/javascript">
window.onload = function(){
   document.getElementById('send').onclick = function(e){
       alert(document.getElementById("name").value);
       return false;
   }
}
</script>
</head>
<body>
<form method="post">
<input type="text" name="name" id="name" />
<input type="submit" name="send" id="send" value="send" />
</form>
</body>
</html>

我不太明白您所说的从数据库中提取信息的含义,但该示例使用单击事件从表单字段中获取数据,并在没有提交的情况下将其显示在警报中。

关于javascript - 单击按钮时警报框显示表单数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17648010/

相关文章:

android - 从 Android SQLite 数据库中删除

javascript - 通过 for 循环绑定(bind)的事件中的数值错误

asp.net - asp.net 中服务器端的确认框

javascript - 为什么计数正确递增

javascript - 在不编辑所有子事件处理程序的情况下停止父事件处理程序表单触发

android - 在 EditText 中,单击特定文本子集时弹出对话框

javascript - Python - selenium webdriver - 无法切换到注册弹出窗口

javascript - 如何在剑道网格的组页脚模板中按列值分组

javascript - 如何创建和实现自定义 JavaScript 库

javascript - 如何在模式循环滑动器中启用事件?