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

杜多1985

当单击按钮时,我使用以下代码动态添加一个字段:

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完全忽略它。我不知道

马蒂亚斯

我已经根据您的代码创建了一个小提琴

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

根据我的测试,它$.serialize收集了所有必要的数据,并且在POST输入也会发生同样的情况form

形成

提交表格

控制台输出$.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)发布的实际数据,以查看它们是否是从浏览器发送的。

如果发送了,您的问题就出在后端的某个地方。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

字段会动态添加到表单中,但不会提交给服务器

来自分类Dev

带有jQuery的动态表单字段不会将值发布到PHP

来自分类Dev

表单值不会发送回服务器

来自分类Dev

JqGrid表单编辑-如何将不可编辑的字段发布到服务器

来自分类Dev

简单的表单不会发布到 mysql

来自分类Dev

POST 表单数据注销到控制台,但不会发送到服务器

来自分类Dev

如何动态添加或删除表单字段?

来自分类Dev

在MeteorJS中动态添加表单字段

来自分类Dev

将表单数据发布到服务器(Android)

来自分类Dev

从 Wordpress 表单将数据发布到 NodeJS 服务器

来自分类Dev

HTML 不会为 Bootstrap Modal 中的表单字段动态添加值属性

来自分类Dev

将表单字段动态添加到Django表单

来自分类Dev

在帮助表单 Prestashop 中动态添加表单字段

来自分类Dev

AntiForgeryToken是否可以防止多余的表单字段提交到服务器?

来自分类Dev

服务器端验证后自动重新填写表单字段

来自分类Dev

使用多个表单字段进行服务器端验证

来自分类Dev

在动态添加表单字段时限制空字段

来自分类Dev

动态添加表单字段,直到在表单字段中输入特定值为止

来自分类Dev

将表单字段值传递到新的(动态)页面

来自分类Dev

将表单字段值传递到新的(动态)页面

来自分类Dev

动态将占位符添加到表单字段

来自分类Dev

AngularJS以各种形式动态添加表单字段

来自分类Dev

根据选择值添加/显示动态表单字段

来自分类Dev

如何验证动态添加的表单字段的重复项

来自分类Dev

重命名动态添加或删除的表单字段

来自分类Dev

根据选择值添加/显示动态表单字段

来自分类Dev

向FuelPHP模型属性添加动态表单字段选项

来自分类Dev

根据用户指定的数字动态添加HTML表单字段

来自分类Dev

Bootstrap Datepicker动态表单字段添加和删除

Related 相关文章

  1. 1

    字段会动态添加到表单中,但不会提交给服务器

  2. 2

    带有jQuery的动态表单字段不会将值发布到PHP

  3. 3

    表单值不会发送回服务器

  4. 4

    JqGrid表单编辑-如何将不可编辑的字段发布到服务器

  5. 5

    简单的表单不会发布到 mysql

  6. 6

    POST 表单数据注销到控制台,但不会发送到服务器

  7. 7

    如何动态添加或删除表单字段?

  8. 8

    在MeteorJS中动态添加表单字段

  9. 9

    将表单数据发布到服务器(Android)

  10. 10

    从 Wordpress 表单将数据发布到 NodeJS 服务器

  11. 11

    HTML 不会为 Bootstrap Modal 中的表单字段动态添加值属性

  12. 12

    将表单字段动态添加到Django表单

  13. 13

    在帮助表单 Prestashop 中动态添加表单字段

  14. 14

    AntiForgeryToken是否可以防止多余的表单字段提交到服务器?

  15. 15

    服务器端验证后自动重新填写表单字段

  16. 16

    使用多个表单字段进行服务器端验证

  17. 17

    在动态添加表单字段时限制空字段

  18. 18

    动态添加表单字段,直到在表单字段中输入特定值为止

  19. 19

    将表单字段值传递到新的(动态)页面

  20. 20

    将表单字段值传递到新的(动态)页面

  21. 21

    动态将占位符添加到表单字段

  22. 22

    AngularJS以各种形式动态添加表单字段

  23. 23

    根据选择值添加/显示动态表单字段

  24. 24

    如何验证动态添加的表单字段的重复项

  25. 25

    重命名动态添加或删除的表单字段

  26. 26

    根据选择值添加/显示动态表单字段

  27. 27

    向FuelPHP模型属性添加动态表单字段选项

  28. 28

    根据用户指定的数字动态添加HTML表单字段

  29. 29

    Bootstrap Datepicker动态表单字段添加和删除

热门标签

归档