Question

I have a Bootstrap modal with a textarea in it. When you open the modal, the textarea needs to be cleared of any previous text so it’s fresh every time you open it.

The problem is, the placeholder on the field is also removed the first time you clear the text.

I am using $('textarea').val('') to clear the text.

http://jsfiddle.net/dkRS8/1/

Answer 1

You need to trigger the blur event for the placeholder to appear again. And it works only during the hide event, so that when it appears again the placeholder is put back.

$('#modal').on('hide', function() {
    $(this).find('textarea').val('').blur();
});

working jsfiddle

EDIT: I was wrong, it seems that it works without the blur by just changing the event from show to hide as explained by Martin in his answer where he uses the event shown