js与html参数传递

Question

在js中计算出两个数值（如a,b），
如何在html中点击提交就可以将这两个数显示到文本域中（有两个文本域A、B分别显示a,b）

在点击提交后，要把hour_num和minu_num显示在id为hour_num与minu_num的文本域内。没接触过js，谢谢了

Answer 1

如果是input类型的单标记 

document.getElementById("hour_num").value=hour_num;
document.getElementById("minu_num").value=minu_num;

如果是span这种双标记

 document.getElementById("hour_num").innerText=hour_num;
document.getElementById("minu_num").innerText=minu_num;

望采纳！

追问

感谢。是input，我把上面这两条语句这样写进入
submit.onclick=function(){ }中
在html页面中输入数据测试，点击提交，结果没有显示出来，输入数据也变成空白了时什么情况？

追答

我看了一下你的代码

帮你做了一下修改，你把数据填一下

window.onload = apple;
        var num_1, num_2, temp, hour_num, minu_num;
        var result, submit;
        function apple() {
            //获取属性没变
            temp = 0;
            num_1 = Number(pup_time_h.innerText) * 60 + Number(pup_time_m.innerText);
            num_2 = Number(up_h.innerText) * 60 + Number(up_m.innerText);
            temp = num_1 - num_2;
            hour_num = 0;
            minu_num = 0;
            for (var i = 0; i < 30; i++) {
                 //循环没变            
            }
        }
        function Tijiao() {//这里用onclick调用<input type="button" onclick="Tijiao();" value="提交" />
            alert(hour_num);
            document.getElementById("hour_num").innerText = hour_num;
            document.getElementById("minu_num").innerText = minu_num;
        }

 字数太多，我把没改的删了

Answer 2

文本域看他是什么样的dom元素
input
document.getElementById('pup_time_h').value = 'your value';
other（大部分）
document.getElementById('pup_time_h').innerHTML = 'your value';追问

input的，如何在html中点击提交显示出来呢？我测试数据全都消失了，js实在是不懂，感谢

追答

Document

function _$(id) {
return document.getElementById(id);
}
//获取对象
var $inp1 = _$('inp1'),
$inp2 = _$('inp2'),
$inp3 = _$('inp3'),
$btn = _$('inp_btn');

//绑定事件
$btn.onclick = function() {
//计算结果
var res = addNum($inp1.value, $inp2.value);
//显示结果
$inp3.value = res;
}
//两个字符串相加
function addNum(n1, n2) {
if(n1 && n2) {
return n1 + n2;
}else {
return 'error';
}
}

不知道你要干嘛，给你写个简单的例子