html 表单动态添加输入项,并以数组的形式发送

name写成 "arr[]"的形式就可以了

html 表单动态添加输入项,并以数组的形式发送
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作业管理</title>

</head>
<body>
<form enctype="multipart/form-data" method="POST" >
  <div id="postform">
    本次作业标题
      <input type="text" name="title" />
      <br>
    <div class="postoption"> 
      添加项目
      <input type="text" name="option[]" />
      音频文件
      <input type="file" name="radio[]" />
      答案
      <input type="text" name="answer[]" />
    </div>
  </div>

  <input type="submit" value="提交" />
</form>
  <button id="add">添加输入项</button>
<script type="text/javascript">

window.onload = function(){
  var add = document.getElementById("add");
  add.onclick = function(){
    addOption();
  }
}
function addOption(){
  var postForm = document.getElementById("postform");
  var postoptions = document.getElementsByClassName("postoption");
  var op = postoptions[0];
  var optionClone = op.cloneNode(true);
  postForm.appendChild(optionClone);
};

</script>
</body>
</html>
html 表单动态添加输入项,并以数组的形式发送

button不能放在form里面,不然就会提交,不知道为什么

html 表单动态添加输入项,并以数组的形式发送,布布扣,bubuko.com

html 表单动态添加输入项,并以数组的形式发送

上一篇:聊聊Linux动态链接中的PLT和GOT(1)——何谓PLT与GOT【转】


下一篇:CreateLibcontainerConfig & linuxContainer