У меня есть сообщение «У меня осталось 3 попытки», в этом сообщении «3» является динамическим, и по умолчанию для моего тега <div> установлено значение style="display:none" :

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

ПРИМЕЧАНИЕ Мне не нужно окно предупреждений, он выглядит ПЛОХО…

0
OM The Eternity 7 Сен 2010 в 10:04

2 ответа

Лучший ответ

Нечто подобное должно сделать это.

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, чтобы убедиться, что он не равен нулю или меньше.

1
peirix 7 Сен 2010 в 06:08

Если вы используете jquery, обратите внимание на подключаемый модуль BlockUI. Он поддерживает как блокирующее сообщение, так и сообщение типа рычания (ненавязчивое сообщение - например, такое, которое появляется на этом сайте).

1
VinayC 7 Сен 2010 в 06:08