删除后,在div中获取输入元素的值

时间:2017-03-10 05:18:12

标签: javascript jquery

我在div中有一个动态添加的输入文本字段。如果我想删除特定的div,我应该检索输入字段的值并将其放在一个变量中。这是一个示例代码段:

     $(wrapper).on("click",".remove_field", function(e){ 
    e.preventDefault(); 

     $(this).parent('div').remove();
    x--;

    //This method shall get the value of the input fields from the removed div.
})

在添加具有多个字段的div后,我想删除它,remove方法应该处理数据检索并将其存储在变量中。

{{1}}

1 个答案:

答案 0 :(得分:0)

有一点需要注意的是,在删除div之前需要获取值。因此,您需要将它们全部删除然后将其删除。像这样:

$(wrapper).on("click",".remove_field", function(e){ 
    e.preventDefault();

    var input_values = {};

    $(this).parent('div').find('input').each(function(){
        var key = $(this).attr('name');
        var value = $(this).val();
        input_values[key] = value;
    });

    $(this).parent('div').remove();
    x--;
});

理论上,所有输入值都应该在名为input_values

的对象中

编辑:假设您的元素具有名称属性