如何在添加/删除文本字段中获取所有文本字段的值并形成JSON

用户名

我正在使用一个插件在添加和删除按钮上复制文本字段。现在,在添加和删除字段之后,我想在所有文本字段中形成JSON并在提交时将其发布。以下是代码-
脚本

$(function () {

    var scntDiv = $('#p_scents');
    var i = $('#p_scents p').size() + 1;

    $('#addScnt').live('click', function () {
        $('<p><label for="p_scnts"><input type="text" id="p_scnt_' + i + '" size="20" name="p_scnt_' + i + '" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
        i++;
        return false;
    });

    $('#remScnt').live('click', function () {
        if (i > 2) {
            $(this).parents('p').remove();
            i--;
        }
        return false;
    });
});  

可以参考FIDDLE我想获取所有文本字段的值并形成JSON。

马丁·维德维奇(Martin Wedvich)

遍历输入字段,获取它们的值,然后推送它们JSON.stringify以创建所需的JSON。

function serializeAndPost() {
    var values = [];
    $( '#p_scents input[id^=p_scnt_]' ).each( function ( index, element ) {
        values.push( element.value );
    } );
    var json = JSON.stringify( { "welcomesList": values } );

    // Do your POSTing here
}

更新的小提琴:http : //jsfiddle.net/tZPg4/11019/

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从所有文本字段获取所有值

来自分类Dev

如何在文本字段中添加最少的文本

来自分类Dev

如何在其他文本字段中输入值时清除文本字段

来自分类Dev

在Polymer中获取文本字段的值

来自分类Dev

如何在文本字段中删除inserer阴影

来自分类Dev

如何从文本字段中获取数值?

来自分类Dev

如何在文本字段中添加按钮?

来自分类Dev

如何在文本字段中添加按钮?

来自分类Dev

如何在文本字段中添加图像

来自分类Dev

如何在ios的scrollview中添加文本字段?

来自分类Dev

如何在没有文本字段或文本区域的Java中获取keyevent?

来自分类Dev

如何在文本字段中显示int值?

来自分类Dev

如何在文本字段中设置特定值?

来自分类Dev

有没有办法在tkinter中获取动态添加的文本字段的值?

来自分类Dev

获取javafx中的所有文本字段值和ID

来自分类Dev

如何在按钮操作中添加和删除文本字段?

来自分类Dev

如何获取文本字段值并通过该文本字段的标记值调用它们

来自分类Dev

删除文本字段中的文本

来自分类Dev

如何在输入文本字段中添加或增加数字值?

来自分类Dev

如何在Rails表单中获取文本字段的新值?

来自分类Dev

如何在Vuetify文本字段中获取键和值?

来自分类Dev

如何在打印预览中获取输入文本字段值?

来自分类Dev

iOS从tableViewCell中的文本字段获取文本值

来自分类Dev

如何在tableviewcell中填充所有文本字段时启用按钮(SWIFT)

来自分类Dev

如何在Rails表单的第三个文本字段中添加两个文本字段值?

来自分类Dev

文本字段删除新添加的字符

来自分类Dev

根据现有文本字段中的值创建新的文本字段

来自分类Dev

根据现有文本字段中的值创建新的文本字段

来自分类Dev

如何在文本字段中居中输入文本?

Related 相关文章

  1. 1

    如何从所有文本字段获取所有值

  2. 2

    如何在文本字段中添加最少的文本

  3. 3

    如何在其他文本字段中输入值时清除文本字段

  4. 4

    在Polymer中获取文本字段的值

  5. 5

    如何在文本字段中删除inserer阴影

  6. 6

    如何从文本字段中获取数值?

  7. 7

    如何在文本字段中添加按钮?

  8. 8

    如何在文本字段中添加按钮?

  9. 9

    如何在文本字段中添加图像

  10. 10

    如何在ios的scrollview中添加文本字段?

  11. 11

    如何在没有文本字段或文本区域的Java中获取keyevent?

  12. 12

    如何在文本字段中显示int值?

  13. 13

    如何在文本字段中设置特定值?

  14. 14

    有没有办法在tkinter中获取动态添加的文本字段的值?

  15. 15

    获取javafx中的所有文本字段值和ID

  16. 16

    如何在按钮操作中添加和删除文本字段?

  17. 17

    如何获取文本字段值并通过该文本字段的标记值调用它们

  18. 18

    删除文本字段中的文本

  19. 19

    如何在输入文本字段中添加或增加数字值?

  20. 20

    如何在Rails表单中获取文本字段的新值?

  21. 21

    如何在Vuetify文本字段中获取键和值?

  22. 22

    如何在打印预览中获取输入文本字段值?

  23. 23

    iOS从tableViewCell中的文本字段获取文本值

  24. 24

    如何在tableviewcell中填充所有文本字段时启用按钮(SWIFT)

  25. 25

    如何在Rails表单的第三个文本字段中添加两个文本字段值?

  26. 26

    文本字段删除新添加的字符

  27. 27

    根据现有文本字段中的值创建新的文本字段

  28. 28

    根据现有文本字段中的值创建新的文本字段

  29. 29

    如何在文本字段中居中输入文本?

热门标签

归档