小编aas*_*dbo的帖子

提交使用javascript添加的表单输入字段

我正在创建一个简单的表单来创建民意调查,因此我希望有可能添加其他输入字段,以防用户在民意调查中需要更多选项.

我已经制作了向表单添加新输入字段的Javascript代码,但是在提交表单时不会发布动态添加的输入字段(我使用标准的提交按钮).

有没有办法让动态添加的字段作为表单的一部分发布/识别?

<form id="myForm" method="post">  
  <input type="submit">
  <input type="text" name="poll[question]">  
  <input type="text" name="poll[option1]">  
  <input type="text" name="poll[option2]">  
</form>  
<a href="javascript:addOption();">Add option</a>  

<script>  
  var optionNumber = 3; //The first option to be added is number 3  
  function addOption() {  
    var theForm = document.getElementById("myForm");  
    var newOption = document.createElement("input");  
    newOption.name = "poll[option"+optionNumber+"]";  // poll[optionX]
    newOption.type = "text";
    theForm.appendChild(newOption);  
    optionNumber++;
  }  
</script>
Run Code Online (Sandbox Code Playgroud)

javascript form-submit

11
推荐指数
2
解决办法
2万
查看次数

标签 统计

form-submit ×1

javascript ×1