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

我有一个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/

Answer 2

您可以使用输入字段的onChange事件，并在此处收集某些隐藏字段或全局数组字段中的信息。

Answer 3

绑定到每个数据输入的change事件，并将这些名称 – 值对存储在全局数组中或存储到隐藏的表单字段中。

另一种方法是将“已更改”类添加到已编辑的每个字段中。 然后，当他们提交表单时，您可以创建一个新表单，只更改类的元素，或从表单中删除包含所有文本输入的其他元素。

   ...  

然后在你的JS中

 $(document).ready(function() { $(".data_input").change(function() { $(this).addClass('changed'); }); 

或者如果您愿意使用全局数组：

 var changedArr = []; $(document).ready(function() { $(".data_input").change(function() { changedArr.push({'name': $(this).attr('name'), 'value': $(this).val()}); });