我正在创建一个简单的表单来创建民意调查,因此我希望有可能添加其他输入字段,以防用户在民意调查中需要更多选项.
我已经制作了向表单添加新输入字段的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) 这是jsFiddle。如果无法正常工作,我很抱歉;该死的事情很少对我有用...我讨厌 jsFiddle,但它可以更快地为你提供代码...
它所指向的 php 文档只是这样做:
<pre><?php
print_r($_POST);?>
</pre>
Run Code Online (Sandbox Code Playgroud)
这些行添加到 DOM 中就可以了。但这些值不会提交到 $_POST 数组。
我缺少什么?
是的,我读过这个和这个,但它们没有帮助。顺便说一句,使用 Mootools,所以请不要为任何 jQuery 答案而烦恼。