Jquery 动态添加到表单的输入没有 POST 数据 PHP

Question

我在单击事件中使用 jquery html() 在表单中添加 <input> 字段。

$('#container').html('<input type="text" name="ce" value="some" >');

提交后 php POST 我无法看到 ce 和 print_r($_POST);

的索引

有什么特殊的方法可以为此向 dom 添加元素吗？请指教

Answer 1

当您执行 $('#container').html 时，您并不是在添加新输入，而是用这个新输入替换所有内容..

尝试$('#container').append标签

看这个例子 -> https://jsfiddle.net/660a3t1g/

    $('#myInputs').append('<input type="text" placeholder="LastName: " name="some" >');

Answer 2

已解决！感谢您的回答。在我的场景中，即使 append 它也不起作用。现在使用 html() 完成了我之前的代码。问题是包装 <form>。我的 table 很大，我只是指出问题所在。我的结构应该喜欢：

<table>
<tr>
<form id="myform">
<td><input type="text" name="name" ></td>
<td>
<div id="container">
<!-- dynamically generated inside this div against it's id (which didn't work) -->
<input type="text" name="ce" >  
</div>
</td>
</form>
</tr>
</table>

我只是将整个 table 放入 'form' 标签

<form id="myform">
<table>
<tr>
<td><input type="text" name="name" ></td>
<td>
<div id="container">
<input type="text" name="ce" > <!-- dynamically generated inside div (works!) -->
</div>
</td>
</tr>
</table>
</form>

它与 append() 和 html() 完美配合。希望对某人有所帮助。

Jquery 动态添加到表单的输入没有 POST 数据 PHP

Jquery dynamically added inputs to form have not POST data PHP

input

dynamically-generated