如何在郵件中打印動態消息 <div> 使用Java代碼標記？

Question

我有一條消息“我還有3次嘗試”，在此消息中，“ 3”是動態的，默認情況下，我的<div>標簽設置為style="display:none" ：

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

我正在尋找一種在選擇框的onchange事件上動態顯示上述消息的<div> 。

我試過這個

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

注意我不需要警報框，它看起來很糟糕....

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插件。 它支持阻止消息或咆哮消息（非侵入性消息，例如出現在此站點上的消息）。