在网页的文本框中输出
Output in a textbox in a webpage
我正在尝试输入 2 个参数并将其输出到另一个 TEXTBOX。
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<script src="proj4js/lib/proj4js/lib/proj4js-compressed.js"></script>
</head>
<body>
<script>
function func1 (x,y){
var z=x+y
document.getElementById("Z").innerHTML = z;
}
</script>
<form >
first input:<br>
<input id="Y" type="text" y="Y" value=85>
<br>
second input:<br>
<input id="X" type="text" x="X" value=15>
<br>
The Answer:<br>
<input id="Z" type="text" z="Z" >
<br><br>
</form>
<button type="button" onclick="func1(parseInt(document.getElementById('X').value),parseInt(document.getElementById('Y').value))">Try it</button>
这里有什么问题?我尝试将结果显示为简单的段落,我成功了,但我需要在文本框中显示它。
<input>
元素使用 value
而不是 innerHTML
:
document.getElementById("Z").value = z;
替换为:-
document.getElementById("Z").innerHTML = z;
和
document.getElementById("Z").value = z;
我正在尝试输入 2 个参数并将其输出到另一个 TEXTBOX。 这是我的代码:
<!DOCTYPE html>
<html>
<head>
<script src="proj4js/lib/proj4js/lib/proj4js-compressed.js"></script>
</head>
<body>
<script>
function func1 (x,y){
var z=x+y
document.getElementById("Z").innerHTML = z;
}
</script>
<form >
first input:<br>
<input id="Y" type="text" y="Y" value=85>
<br>
second input:<br>
<input id="X" type="text" x="X" value=15>
<br>
The Answer:<br>
<input id="Z" type="text" z="Z" >
<br><br>
</form>
<button type="button" onclick="func1(parseInt(document.getElementById('X').value),parseInt(document.getElementById('Y').value))">Try it</button>
这里有什么问题?我尝试将结果显示为简单的段落,我成功了,但我需要在文本框中显示它。
<input>
元素使用 value
而不是 innerHTML
:
document.getElementById("Z").value = z;
替换为:-
document.getElementById("Z").innerHTML = z;
和
document.getElementById("Z").value = z;