Javascript 如何使用POST方法在另一个php文件中检索动态创建文本框的文本？

我在点击某个按钮时动态地创建了一个文本框，现在我想从文本框中检索文本以显示在另一个php表单页面上。 下面是我的html代码，其中我将名称

“c1”

、

“c2”

和

“c3”

分配给动态创建的文本框

<script>
            $(document).ready(function(){
            $("#t11, #t12").click(function(){
                var div = $("<div />"); 
        div.html(GenerateTextbox("","c1"));
        $("#TextBoxContainer").append(div);
                 var div = $("<div />");
        div.html(GenerateTextbox("","c2"));  
        $("#TextBoxContainer").append(div);
                 var div = $("<div />");
        div.html(GenerateTextbox("","c3")); 
        $("#TextBoxContainer").append(div);
            });
});
function GenerateTextbox(value,name1) {
            console.log(name1);
    return '<input name = "'+ name1 + '" type="text" value = "' + value + '" /> ';} 
</script>

---

您需要将

div

附加到DOM，尤其是作为

表单的子元素。否则，
s将永远无法获得
POST
ed

$("#myForm").append(div);

另外，由于您首先使用jQuery来操作div和表单，我建议您继续使用jQuery来构建内部
输入
s，而不仅仅是在
GenerateTextbox
函数中提供内部HTML。
请显示GenerateTextbox。这些文本框是否位于编辑中添加了method=post的表单中。。是的，文本框位于带有方法postLet的表单中。让我们看看您的表单。完整表单added@Transhiv2HTML中还有其他几个缺陷，第一个缺陷是不建议将
表单
标记放在
表
标记中，而
tr
s仍在
表单
中。因此，我猜您正在将
div
容器附加到一个节点上，该节点不应该向您显示任何内容（通常，在任何
tr
或
td
之外，但仍然在
表单
内，而该表单本身在
表
内）。（顺便说一句，我认为它们根本就没有出现，而您之前甚至没有尝试将它们附加到DOM，对吗？）
<table align="center">
    <form action="output.php" method="post">
    <tr> 
        <td>
        Background color of page:<br/>
        </td>
        <td>
   <input id="ex" type="color" name="bgcol" id="nbg">
        </td> 
    </tr>
        <tr> 
        <td>
        Name of form:
        </td>
        <td>
        <input type="text" name="titleform" id="titleform">
        </td>
     </tr>
        <tr> 
        <td>
        Font size:
        </td>
        <td>
        <input type="text" name="fontsize" id="fontsz">
        </td>
    </tr>
        <tr> 
        <td>
        Font:
        </td>
        <td>
        <input type="text" name="fontt" id="nbg">
        </td>  
    </tr>
        <tr> 
        <td>
        Font color:
        </td>
        <td>
        <input id="ex"type="color" name="fontt" id="nbg">
        </td>  
    </tr>
        <tr> 
        <td>
        Background color of form:<br/>
        </td>
        <td>
        <input id="ex" type="color" name="bgcolor" id="nbg" value="#FFFFFF">
        </td>   
    </tr>
        <tr> 
        <td>
        Input #1:
        </td>
        <td>
        <input type="text" name="input1" id="nbg">
        </td>     
        <td>
        Type:
        </td>
        <td>
             <select name="t1" id="t1">
        <option>text</option>
        <option id="t11">radio</option>
        <option id="t12">checkbox</option>
    </select>
            </td>
            <td>
            <div id="TextBoxContainer">  
    <!--Textboxes will be added here -->  
</div>
            </td>

        <tr> 
        <td>
        Input #2:
        </td>
        <td>
        <input type="text" name="input2" id="nbg">
        </td>  
        <td>
        Type:
        </td>
        <td>
        <select name="t2">
        <option>text</option>
        <option id="t21">radio</option>
        <option id="t22">checkbox</option>
    </select>
        </td>  
            <td>
            <div id="TextBoxContainer2">  
    <!--Textboxes will be added here -->  
</div>
            </td>
    </tr>
        <tr> 
        <td>
        Input #3:
        </td>
        <td>
        <input type="text" name="input3" id="nbg">
        </td>  
        <td>
        Type:
        </td>
        <td>
        <select name="t2">
        <option>text</option>
        <option id="t31">radio</option>
        <option id="t32">checkbox</option>
    </select>
        </td>
            <td>
            <div id="TextBoxContainer3">  
    <!--Textboxes will be added here -->  
</div>
            </td>
    </tr>
        <tr> 
        <td>
        Input #4:
        </td>
        <td>
        <input type="text" name="input4" id="nbg">
        </td>
        <td>
        Type:
        </td>
        <td>
        <select name="t4">
        <option>text</option>
        <option id="t41">radio</option>
        <option id="t42">checkbox</option>
    </select>
        </td>  
            <td>
            <div id="TextBoxContainer4">  
    <!--Textboxes will be added here -->  
</div>
            </td>
    </tr>
        <tr> 
        <td>
        Input #5:
        </td>
        <td>
        <input type="text" name="input5" id="nbg">
        </td>   
        <td>
        Type:
        </td>
        <td>
        <select name="t5">
        <option>text</option>
        <option id="t51">radio</option>
        <option id="t52">checkbox</option>
    </select>
        </td>
            <td>
            <div id="TextBoxContainer5">  
    <!--Textboxes will be added here -->  
</div>
            </td>
    </tr>
        <tr>
        <td>
            <button type="submit" name="Create_form" id="form2" value="submit" onclick="return check()"> >Submit
            </button>   
            </td>
        </tr>
    </form>
</table> 

$("#myForm").append(div);