在网页的文本框中输出答案

【问题标题】：Output in a textbox in a webpage在网页的文本框中输出
【发布时间】：2015-04-30 06:27:11
【问题描述】：

我正在尝试输入 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>

这里有什么问题？我尝试将结果显示为简单段落并且我成功了，但我需要在文本框中显示它。

【问题讨论】：

试试document.getElementById("Z").value = z

标签： javascript html function input output

【解决方案1】：

替换这个：-

document.getElementById("Z").innerHTML = z;

与

document.getElementById("Z").value = z;

【讨论】：

【解决方案2】：

<input> 元素使用value 而不是innerHTML：

document.getElementById("Z").value = z;

【讨论】：