Javascript 从动态创建的表单中检索PHP中的数据_Javascript_Php_Html

Javascript 从动态创建的表单中检索PHP中的数据

javascript php html

Javascript 从动态创建的表单中检索PHP中的数据,javascript,php,html,Javascript,Php,Html,我使用Javascript在表单中动态创建输入字段。比如，如果用户输入3，我的脚本应该创建3个输入字段，其名称属性为成员1、成员2和成员3。如何使用DOM为这些元素设置名称属性？如何使用post方法在PHP中访问这些字段中的数据这是我的示例代码 <?php session_start(); ?> <!DOCTYPE html> <html> <head> <script type="text/javascript"> func

我使用Javascript在表单中动态创建输入字段。比如，如果用户输入3，我的脚本应该创建3个输入字段，其名称属性为成员1、成员2和成员3。如何使用DOM为这些元素设置名称属性？如何使用post方法在PHP中访问这些字段中的数据

这是我的示例代码

<?php session_start(); ?>

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
   function addFields(){
        var number = document.getElementById("member").value;
        var container = document.getElementById("container");
        while (container.hasChildNodes()) {
            container.removeChild(container.lastChild);
        }
        for (i=0;i<number;i++){
            container.appendChild(document.createTextNode("Member " + (i+1)));
            var input = document.createElement("input");
            input.type = "text";
            input.name = "Member"+i;
            container.appendChild(input);
            container.appendChild(document.createElement("br"));
       }
    }   
</script>
</head>

<body>




<form action="create.php" method="post">
    <h2>Create Document :</h2>


    Document Description :<input type="text" name="document_description" >
    Number of members: (max. 10)<input type="text" id="member" name="number_of_receipents" value=""><br />
    <a href="#" id="filldetails" onclick="addFields()">Fill Details</a>
    <input type="button" value="Fill Details" name="filldetails" onclick="addFields()">
    <input type="submit" name="Submit" button="submit">
    <div id="container"/>


</form>

</body>
</html>


函数addFields（）{
var number=document.getElementById（“成员”）.value；
var container=document.getElementById（“容器”）；
while（container.hasChildNodes（））{
container.removeChild（container.lastChild）；
}
对于（i=0；i而不是将它们命名为Memberx
将它们命名为Member[]

然后，$\u POST['Member']
将返回所有提交值的数组
array (size=1)
  'Member' => 
    array (size=3)
      0 => string 'Value1' (length=6)
      1 => string 'Value 2' (length=7)
      2 => string 'Value3' (length=6)

示例中的代码使用：
<?php
var_dump($_POST);
?>

<form method="POST">
<input type="text" name="Member[]" />
<input type="text" name="Member[]" />
<input type="text" name="Member[]" />
<button type="submit">GO</button>
</form>


去
我想这可能是您要查找的内容：此外，请在元素立即消失时检查此内容：