js实现text文本框的数据实时刷新到另一个text文本框
Posted 飞_BTF
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现text文本框的数据实时刷新到另一个text文本框相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo01</title>
</head>
<body>
<form>
<h1>text文本框数据同步刷新</h1>
<input type="text" onpropertychange="cop()" oninput="cop1()" id="input1">
<input type="text" id="input2">
</form>
<form>
<h1>text文本框数据同步减少</h1>
<input type="text" id="input3" value="100">
<input type="text" id="input4" onpropertychange="cop()" oninput="cop2()" placeholder="减去数">
<input type="text" id="input5" placeholder="结果">
</form>
</body>
<script>
function cop1(){
var str=document.getElementById("input1").value;
b=parseInt(str);
document.getElementById("input2").value = b;
}
function cop2(){
var str=document.getElementById("input3").value;
var str1=document.getElementById("input4").value;
c=parseInt(str)-parseInt(str1);
document.getElementById("input5").value = c;
}
</script>
</html>
以上是关于js实现text文本框的数据实时刷新到另一个text文本框的主要内容,如果未能解决你的问题,请参考以下文章