jquery - 如果隐藏字段值更改，则应启用“保存”按钮。如果输入相同的值，则应再次禁用“保存”按钮

Question

我尝试根据表单元素的更改禁用/启用保存按钮。但是，当通过弹出按钮选择更改隐藏输入字段值时，保存按钮不受影响。

下面是我的代码。我正在尝试序列化旧的表单值并与更改后的表单值进行比较。但我猜隐藏的字段值无法序列化。

  function toggleSave() {
           $('form')
            .each(function () {
                $(this).data('serialized', $(this).serialize())
            })
            .on('change input', function () {
                $(this)
                     .find('button.Save')
                        .prop('disabled', $(this).serialize() == $(this).data('serialized'))
                ;
            })
            .find('button.Save')
               .prop('disabled', true);

        }

下面的代码适用于所有表单，除了隐藏字段之外。有人可以提出解决方案吗？

注意:隐藏字段通过单击“选择”弹出窗口按钮填充。## 标题 ##

Answer 1

问题似乎更多地在于 try catch 编程更改，而不是对隐藏字段的更改。

作为answer here states ，.on('change' 监听器无法捕获编程更改。当您更改隐藏字段的值时，您可以通过 javascript 在隐藏字段上“手动”触发更改事件。

我在您的问题中没有看到更新隐藏输入的 JavaScript，但手动调用更改事件的示例(应该适合您)是:

$('input:hidden').val('新值').change();