在网页的文本框中输出

时间:2015-02-27 13:59:20

标签: javascript html function input output

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

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

2 个答案:

答案 0 :(得分:1)

<input>元素使用value而非innerHTML

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

答案 1 :(得分:1)

替换它: -

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

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