Jquery field clear

Question

All,

I have a text area field in my for,.How do i clear contents of it on sum onclick using jquery

Thanks.

Answer 1

$("#textArea").click(function(){ $(this).attr({ value: '' }); });

With a couple of caveats:

• it'll clear whenever someone clicks on it, even if they've entered data already
• it'll only work if someone clicks on the field

Answer 2

$('textarea').focus(function() {
  $(this).val('');
});

This will clear the textarea on focus (using mouse click or keyboard).

Answer 3

This will clear the default value onclick and restore back onblur.

$('textarea').click(function () {
    if (this.value == this.defaultValue) {
        this.value = '';
    }
});
$('textarea').blur(function () {
    if (this.value === '') {
        this.value = this.defaultValue;
    }
});