Javascript: 当点击submit提交按钮时将文本框中的信息添加到下面得表单中
2014-06-09 13:45
405 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ADD </title> <script type="text/javascript"> window.onload = function(){ document.getElementById("addEmpButton").onclick = function(){ var nameVal = document.getElementById("name").value; var emailVal = document.getElementById("email").value; var nameTd = document.createElement("td"); nameTd.appendChild(document.createTextNode(nameVal)); var emailTd = document.createElement("td"); emailTd.appendChild(document.createTextNode(emailVal)); var tr = document.createElement("tr"); tr.appendChild(nameTd); tr.appendChild(emailTd); confirm("确定要添加新成员嘛"); document.getElementById("employeetable") .getElementsByTagName("tbody")[0] .appendChild(tr); } } </script> </head> <body> <center> <br> <br> 添加新成员<br> <br> name: <input type="text" name="name" id="name" /> email: <input type="text" name="email" id="email" /> <br> <br> <button id="addEmpButton" value="abc">Submit</button> <br> <br> <hr> <br> <br> <table id="employeetable" border="1" cellpadding="5" cellspacing=0> <tbody> <tr> <th>Name</th> <th>Email</th> </tr> </tbody> </table> </center> </body> </html>
相关文章推荐
- 给submit提交按钮添加点击事件(JavaScript)
- JavaScript基础 button按钮结合submit方法 实现表单的提交与验证
- JavaScript基础 button按钮结合submit方法 实现表单的提交与验证
- 非submit按钮 点击之后 表单莫名自动提交了
- 不用submit按钮提交表单,用javascript提交表单代码。
- JavaScript在form表单中使用button按钮实现submit提交方法
- javascript在form表单中使用button按钮实现submit提交方法
- JavaScript基础 submit按钮配合form的onsubmit实现表单的提交与验证
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- JavaScript基础 submit按钮结合onclick事件 实现表单的提交与验证
- python基于selenium+PhantomJS实现用提交表单,并点击按钮功能,获取返回的页面源码和ur等信息l。
- JavaScript基础 submit按钮配合form的onsubmit实现表单的提交与验证
- 点击添加按钮用jquery获取文本框值,传值给另一个页面
- 为dojo普及做贡献-C--ajax操作是完成了,但把添加、修改等按钮改成右键,再把提交表单改酷点
- 使用jquery.validate submitHandler必须点击两次才能提交表单
- struts2 添加错误信息后 不能提交表单了
- 用图片代替表单的提交按钮submit和重置按钮reset
- 图片和表单文字信息通过一个按钮来完成提交
- onsubmit=return false阻止form表单提交javascript
- 点击按钮动态添加新的一行(添加文本框)