如何找到特定类中元素值的变化

Question

我有一个编辑屏幕，其中有一个部分，其中有很多元素，如选择、输入等。现在我需要确定用户是否更改了使用 Jquery 已经存在的任何值。 我必须在提交表单时查找值是否发生变化。 考虑这样的 div，

<div class="row">
<div class="form-group required">
<label class="control-label">Port</label> 
    <select name="portId" id="portId">
        <option value="">Select</option>
        <option value="1">Chennai</option>
        <option value="2">Kochi</option>
    </select>
</div>
<div class="form-group required">
    <label class="control-label">Operator Name</label> 
    <input type="text" id="operatorName" name="operatorName">
</div>
<div class="form-group required">
    <label class="control-label">Attachment</label> 
    <input type="file" id="file" name="file">
</div>

Answer 1

这些事件用于检查元素是否已被修改或脏。为了在 jQuery 中实现这一点，.change() 是可以绑定到元素的事件。

对于表单中的脏检查，here 是 NPM 插件。

Answer 2

请分享您的代码 sn-p 它将帮助其他人清楚地理解您的问题并为您提供正确的答案。无论如何，这取决于您的情况，您需要在所有元素上触发更改事件，例如选择、输入并将旧值存储在数据属性 ex data-id='1' 中，并与数据值和更改值进行比较。

$( "input" ).on( "change", function() {

   if($(this).text() != $(this).data('id'))
   {
        alert('you have changed');
   }
});