Добавление значения по умолчанию в текстовое поле

Question

Я использую следующий скрипт для добавления значений по умолчанию в поля ввода текста:

$('.default-value').each(function() {
    var default_value = this.value;
    $(this).css('color', '#746F66'); // this could be in the style sheet instead
    $(this).focus(function() {
        if(this.value == default_value) {
            this.value = '';
            $(this).css('color', 'black');
        }
    });
    $(this).blur(function() {
        if(this.value == '') {
            $(this).css('color', '#746F66');
            this.value = default_value;
        }
    });
});

Со следующей формой:

<form method="post" action="contactengine.php">
    <input type="textbox" class="default-value" name="Name" id="Name" value="Full Name">

    <input type="textbox" class="default-value" name="Email" id="Email" value="Email">

    <textarea name="Message" class="default-value" name="Message" id="Message" value="Your message"></textarea>

    <input type="submit" name="submit" id="submit" value="Submit" class="submit-button" />
</form>

Значения по умолчанию хорошо работают для текстовых полей, но я не могу понять, как получить значение по умолчанию в текстовой области. На данный момент в текстовой области ничего не отображается, как вы можете видеть здесь .

Может ли кто-нибудь помочь с этим?

Спасибо

Ник

Answer 1

Попробуйте изменить эту строку:

var default_value = this.value;

Кому:

var default_value = $(this).val();

Это связано с тем, что textarea не имеет атрибута value для назначения текста по умолчаниюк этому элементу просто поместите текст между открывающим и закрывающим тегами элемента, например:

<textarea name="Message" class="default-value" name="Message" id="Message">Your message.</textarea>

JS Fiddle demo .

Отредактировано после тестирования в Chromium 12 / Ubuntu 11.04, чтобы обнаружить, что в отношении JavaScript (по крайней мере, для этого браузера / платформы) var default_value = this.value; работает для правильного назначения default_value.

JS Fiddle demo .