javascript - 如何获取添加/删除文本字段和表单 JSON 中所有文本字段的值

Question

我正在使用插件来复制添加和删除按钮上的文本字段。现在，在添加和删除字段后，我想从所有文本字段中形成 JSON 并在提交时将其 POST 。

下面是代码 -

$(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;
    });
});  

JSFiddle可以引用。我想获取所有文本字段的值并形成 JSON。

Answer 1

迭代输入字段，获取它们的值，然后通过 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
}

更新了 fiddle : https://jsfiddle.net/tZPg4/11019/