jquery - 仅从已更改的文本输入中收集值

Question

我有一个html页面，在ajax调用后显示很多数据行，在每一行中我都输入具有不同值的文本，用户可以编辑此文本输入，然后按按钮执行一些计算操作。

如何使用 javascript(jQuery) 仅收集已更改的值，并将它们发送到 php 脚本。我搜索了一种简单的方法，不保存所有旧值的大数组然后与新值进行比较，有这样的解决方案吗？

Answer 1

您可以使用.data()函数保留其原始值的副本，然后在提交时将其与其值进行比较，以确保仅提交更改的值。

var inputs = $('input[type="text"]').each(function() {
    $(this).data('original', this.value);
});

$('#form').submit(function(){
    inputs.each(function() {
        if ($(this).data('original') !== this.value) {
            // Do something for the changed value
        } else {
            // And something else for the rest.
        }
    });
});

在此处查看演示:http://www.jsfiddle.net/yijiang/twCE9/