动态添加的表单字段不会发布到服务器

Question

我在点击按钮时动态添加一个字段，代码如下：

jQuery("#yasr-add-field-edit-multiset").on('click', function() {
var newTextBoxDiv = jQuery(document.createElement('tr'))

newTextBoxDiv.html(' \
                    <td colspan="2">Element #' + counter + ' <input type="text" name="edit-multi-set-element-' + counter + ' " value="" > \
                    <input type="hidden" name="stored_field_id_for_row_' + counter + ' " value=" ' + counter + ' "></td> \
                  ');

newTextBoxDiv.appendTo("#yasr-table-form-edit-multi-set");

这是显示的表格和表格

<form action=" <?php echo admin_url('options-general.php?page=yasr_settings_page') ?>" id="form_edit_multi_set" method="post">
    <input type="hidden" name="yasr_edit_multi_set_form" value="<?php echo $set_type ?>" />


        <table id="yasr-table-form-edit-multi-set">
            <tr>

                <td id="yasr-table-form-edit-multi-set-header"> 
                     //Code
                </td>

                 <td id="yasr-table-form-edit-multi-set-remove"> 
                    //code
                 </td>

            </tr>
        </table>
</form>

当我从动态添加的输入字段中打磨一个值时，它不会发送到服务器，$_POST 完全忽略它。我想不通

Answer 1

我根据您的代码创建了一个Fiddle。

它添加了字段，但不幸的是 jsFiddle 阻止了 POSTing forms。因此我只能使用$.serialize 来查看form 会发送哪些字段。

根据我的测试，$.serialize 收集了所有必要的数据，当POSTform 时也会发生同样的情况。

表格

$.serialize 的控制台输出：

yasr_edit_multi_set_form=1&
edit-multi-set-element-0=hello&
stored_field_id_for_row_0=0&
edit-multi-set-element-1=world&
stored_field_id_for_row_1=1 

我的猜测是您的问题出在其他地方。确保检查（Chrome 开发工具/Firebug）发布的实际数据，看看它们是否是从浏览器发送的。

如果它们被发送，您的问题出在后端的某个地方。