Javascript: 当点击submit提交按钮时将文本框中的信息添加到下面得表单中

来源：互联网发布：网络侦查学专业代码编辑：程序博客网时间：2024/06/06 02:43

<!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>

0 0