JAVASCRIPT，一个文本框的值，随另一个文本框值变化而变化
我想完成如下的要求
文本框a，在这里输入值
文本框b，显示默认值，这个值随a框的值变化，等于a框的值+5
比如，文本框a输入10，文本框b就显示15
...
<html>
<head>
<title>测试</title>
<script >
function setValue(obj){//在A文本框内键盘按键按下并松开触发
if(obj.value != null && obj.value != "") {//文本框A的值不为空时，文本框B的值随A变化
document.getElementById("text2").value = parseInt(obj.value) + 5;
}
else {//文本框A值为空，则清空B文本框的值
document.getElementById("text2").value = "";
}
}
</script>
</head>
<body>
<form>
<input type = "text" id="text1" name="textone" onkeypress="setValue(this)"/>
<input type = "text" id="text2" />
</form>
</body>
</html>追问
<head>
<title>测试</title>
<script >
function setValue(obj){//在A文本框内键盘按键按下并松开触发
if(obj.value != null && obj.value != "") {//文本框A的值不为空时，文本框B的值随A变化
document.getElementById("text2").value = parseInt(obj.value) + 5;
}
else {//文本框A值为空，则清空B文本框的值
document.getElementById("text2").value = "";
}
}
</script>
</head>
<body>
<form>
<input type = "text" id="text1" name="textone" onkeypress="setValue(this)"/>
<input type = "text" id="text2" />
</form>
</body>
</html>追问
这个试了，完全没有效果呀
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2016-06-15
<html>
<head>
<title>Simple</title>
<script >
function fillB(){
var a=document.getElementById("inputA").value
document.getElementById("inputB").value=parseInt(a)+5;
}
</script>
</head>
<body>
<form>
<input type = "text" id="inputA" value = "" onkeyup="fillB()"/>
<input type = "text" id="inputB"value = "" />
</form>
</body>
</html>追问
<head>
<title>Simple</title>
<script >
function fillB(){
var a=document.getElementById("inputA").value
document.getElementById("inputB").value=parseInt(a)+5;
}
</script>
</head>
<body>
<form>
<input type = "text" id="inputA" value = "" onkeyup="fillB()"/>
<input type = "text" id="inputB"value = "" />
</form>
</body>
</html>追问
.
追答ok,那就别追问了。
本回答被提问者采纳第2个回答 2018-05-13
<!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>
</body>
<script>
function cop1(){
var str=document.getElementById("input1").value;
b=parseInt(str);
document.getElementById("input2").value = b;
}
</script>
</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>
</body>
<script>
function cop1(){
var str=document.getElementById("input1").value;
b=parseInt(str);
document.getElementById("input2").value = b;
}
</script>
</html>
相似回答
