Question

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

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

Answer 1

<input>元素使用value而非innerHTML：

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

Answer 2

替换它： -

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

与

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

在网页的文本框中输出

2 个答案: