Question

我收到消息“我还有3次尝试”，在此消息中“3”是动态的，默认情况下我的<div>标记设置为 style="display:none" ：< / p>

<div id="triesleft" style="display:none"></div>

我正在寻找一种在<div>动态显示选择框的onchange事件中显示上述消息的方法..

我试过这个

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;
    }
}

注意我不需要警告Box它看起来很糟糕......

Answer 1

这样的事情应该这样做。

var triesLeft = 3;
document.getElementById("MySelectBox").onchange = function() {
    document.getElementById("triesleft").innerText = "You have " + triesLeft + 
                                                     " tries left.";
    document.getElementById("triesleft").style.display = "block";
    triesleft--;
}

然后只需检查triesleft以确保它不是零或更少。

Answer 2

如果您使用的是jquery，请查看BlockUI插件。它支持阻止消息或咆哮的消息（非侵入性消息 - 例如，在此站点上出现的消息）。

如何使用Javascript在<div>标签中打印动态消息？</div>

2 个答案: