Javascript 如何通过验证编辑时的数据是否相同来更改按钮文本

我需要一个人帮忙。 我需要使用Javascript/Jquery根据某些条件更改按钮文本。我将在下面解释我的代码

这里，当用户选择下拉列表时，3输入字段将填充一些值。下面给出了JavaScript代码

函数setValue（）{
var arrField=[]；
if（document.getElementById（'uinfo'）。值==1）{
document.getElementById（'uname'）.value=“Ram”；
document.getElementById（'uemail'）。值=”subhra@gmail.com";
document.getElementById（'ucity'）.value=“cuttuck”；
arrField.push（{'uname'：document.getElementById（'uname'）.value，'uemail'：document.getElementById（'uemail'）.value，'ucity'：document.getElementById（'ucity'）.value}）；
}否则{
document.getElementById（'uname'）。value=“”；
document.getElementById（'uemail'）。value=“”；
document.getElementById（'ucity'）。value=“”；
var arrField=[]；
} 
}

挑选
用户信息
用户名
电子邮件
城市
添加
检查

试试这种方法

//对象，基于选择选项的键
var popData={
“用户信息”：
{uname:'User1'，uemail:'user1@test.com，ucity:“用户城市”}
,
“emp信息”：
{uname:'Emp1'，uemail:'emp1@test.com’，ucity:‘emp城市’
};
//选择将更新值的更改
$（'#uinfo'）.change（function（）{
$.each（popData[$（this）.val（）），函数（i，val）{
$（'#'+i）.val（val）；
});
});
//根据条件进行输入更改检查时
$（'button.check'）。单击（函数（）{
//检查字段中是否有任何更改
如果(
popData[$（'uinfo'）.val（）].uname！=$（'uinfo'）.val（）||
popData[$（'#uinfo'）.val（）].uemail！=$（'#uemail'）.val（）| popData[$（'#uinfo'）.val（）].ucity！=$（'#ucity'）.val（）
)
{
$（'button.add'）.text（'Update'）；
}
//检查字段中是否没有更改
else if（popData[$（'#uinfo'）.val（）].uname==$（'#uname'）.val（）&&
popData[$（'#uinfo'）.val（）].uemail=$（'#uemail'）.val（）&&popData[$（'#uinfo'）.val（）].ucity=$（'#ucity'）.val（））
{
$（'button.add'）.text（'add'）；
}
});

挑选
用户信息
Emp信息
用户名
电子邮件
城市
检查
添加
试试这个


函数setValue（）{
var arrField=[]；
if（document.getElementById（'uinfo'）。值==1）{
document.getElementById（'uname'）.value=“Ram”；
document.getElementById（'uemail'）。值=”subhra@gmail.com";
document.getElementById（'ucity'）.value=“cuttuck”；
arrField.push（{'uname'：document.getElementById（'uname'）.value，'uemail'：document.getElementById（'uemail'）.value，'ucity'：document.getElementById（'ucity'）.value}）；
}否则{
document.getElementById（'uname'）。value=“”；
document.getElementById（'uemail'）。value=“”；
document.getElementById（'ucity'）。value=“”；
var arrField=[]；
} 
}
函数checkAll（）{
var uname=$（'#uname'）.val（）；
var email=$（'#uemail'）.val（）；
var city=$（'#ucity'）.val（）；
var计数=0；
如果（uname！=“Ram”）
{
计数++；
}
否则，如果（电子邮件！='subhra@gmail.com')
{
计数++；
}
否则如果（城市！='cuttuck'）
{
计数++；
}
如果（计数>0）
{
$（'添加'）.text（'更新'）；
}
}

挑选
用户信息
用户名
电子邮件
城市
添加
检查

var arrField=new Array（）；
函数setValue（）{
if（document.getElementById（'uinfo'）。值==1）{
document.getElementById（'uname'）.value=“Ram”；
document.getElementById（'uemail'）。值=”subhra@gmail.com";
document.getElementById（'ucity'）.value=“cuttuck”；
阿菲尔德推({
“uname”：document.getElementById（'uname'）。值，
“uemail”：document.getElementById（'uemail'）。值，
'ucity'：document.getElementById（'ucity'）。值
});
}否则{
document.getElementById（'uname'）。value=“”；
document.getElementById（'uemail'）。value=“”；
document.getElementById（'ucity'）。value=“”；
arrField=[]；
}
$（'保存'）.text（'添加'）；
}
$（文档）.ready（函数（）{
$（'#uname，#uemail，#ucity'）。更改（函数（）{
如果（arrField[0]。uname=$（'#uname'）.val（）&&arrField[0]。uemail=$（'#uemail'）.val（）&&arrField[0]。ucity=$（'#ucity'）.val（））
$（'保存'）.text（'添加'）；
其他的
$（'保存'）.text（'更新'）；
});
});

挑选
用户信息
用户名
电子邮件
城市
添加
您要查找的（附加）jQuery代码如下所示。注意，我将类“changebtn”添加到目标按钮以使其工作：

$(document).ready(function(){

  // Save original value when document is ready
  var original = $("#uinfo").val();

  // Update Button when current value is different 
  // from original as the selection changes
  $("#uinfo").on("change", function(){
    if ($(this).val() != original) {
      $(".changebtn").html("Update");
    } else {
      // Reset Button when User switches back to original
      $(".changebtn").html("Add");
    }
  });
});

JSFIDLE demo:
您的意思是，如果用户更改了值，则按钮将更改为更新？是，再次检查我更新的帖子。在这里，用户将单击“检查”按钮，如果选择下拉菜单后所有字段值都相同，则“添加”
按钮将保持不变。如果用户将更改任何字段值并单击“检查”按钮，则“添加”

按钮将更改为“更新”。显示您的“检查所有”功能。实际上我需要它单个

if…else

条件内

checkAll

函数更改按钮文本。@subhra检查我的答案！@加载..：这不是我的要求。请重新阅读我的帖子。@subhra：从哪里检查这些值以进行验证？