[英]How to print a dynamic message in a <div> tag using Javascript?
I have a message "I have 3 tries left", in this message "3" is dynamic and by default my <div>
tag is set to style="display:none"
: 我有一条消息“我还有3次尝试”,在此消息中,“ 3”是动态的,默认情况下,我的<div>
标签设置为style="display:none"
:
<div id="triesleft" style="display:none"></div>
I am looking for a way to display the above message in a <div>
dynamically on onchange event of a select box.. 我正在寻找一种在选择框的onchange事件上动态显示上述消息的<div>
。
I tried with this 我试过这个
function triesleftfunc()
{
var size = document.getElementById('size').value.split('x');
var sizesqft = size[0]*size[1];
var trial = document.getElementbyId(tires).value;
if(sizesqft >= 50 && document.getElementById('options').value == 'Stiched Finish')
{
document.getElementById('triesleft').innerHTML = "I have "+trial+" tries left";
document.getElementById('triesleft').display = "block";
document.getElementById('options').focus();
return false;
}
}
NOTE I dont need alert Box it looks BAD BAD .... 注意我不需要警报框,它看起来很糟糕....
Something like this should do it. 这样的事情应该做到这一点。
var triesLeft = 3;
document.getElementById("MySelectBox").onchange = function() {
document.getElementById("triesleft").innerText = "You have " + triesLeft +
" tries left.";
document.getElementById("triesleft").style.display = "block";
triesleft--;
}
And then just do some check on triesleft
to make sure it's not zero or less. 然后只需对triesleft
进行一些检查,以确保它不为零或更少。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.