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

浏览数：119 / 时间：2015年06月09日

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

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

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

html 表单动态添加输入项，并以数组的形式发送,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： c t color http html it java class a top 代码 c t color http html it java class a top 代码

相关文章

随机文章

您可能还喜欢

您可能还喜欢