Javascript 如何使用jQuery获取输入框中输入的上一个文本值
我需要你的帮助 我是jQuery新手,我不确定如何获取在3个文本框中输入的前一个文本 以下是javascript和HTML编码:Javascript 如何使用jQuery获取输入框中输入的上一个文本值,javascript,jquery,Javascript,Jquery,我需要你的帮助 我是jQuery新手,我不确定如何获取在3个文本框中输入的前一个文本 以下是javascript和HTML编码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://ajax.googleapis.com/ajax/li
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function() {
$('#one, #two, #three').change(function(e) {
alert(e.target.value)
});
}
</script>
</head>
<body>
<input type="text" id="one">
<input type="text" id="two">
<input type="text" id="three">
</body>
</html>
window.onload=函数(){
$('一,'二,'三')。更改(函数(e){
警报(如目标值)
});
}
解决方案是在对象中缓存值。这是我能想象的最干净的方式
var值={};
$('一,'二,'三')。更改(函数(e){
//动态地从缓存中获取文本
var prevText=值[e.target.id]| |“”;
//向用户显示某些内容
警报(“已修改:+e.target.value+”|旧:+prevText);
//更新缓存中的文本
值[e.target.id]=e.target.value;
});代码>
您可以将旧值存储在元素的数据属性中
$('#one, #two, #three').change(function(e) {
alert($(e.target).data('oldVal'))
$(e.target).data('oldVal', e.target.value)
})
虽然初始值将是未定义的,因此您可以接受该值,或者根据您的需求,使用一些init代码将元素的初始值设置为“”
仅供参考,因为你说你是jQuery新手
$('.preserves-old-value').change(function(e) {
alert($(e.target).data('oldVal'))
$(e.target).data('oldVal', e.target.value)
})
如果没有硬编码ID,也可以正常工作。您可以将类保留旧值放在您想要的任何输入上
可能存在的副本