How to change placeholder for an textarea?

Question

This code submits a form and it works, except changing placeholder for textarea id=message

$('#submit').click(function(){
   $.post("mail.php", $("#contact").serialize(), function(response) {
   $('#message').attr('placeholder', response);
   $('#success').html(response);
   });
});

There is no error in Firebug.

Are you clearing the value of the textarea? Placeholder text won't show if the element has a value or entered text. — VVV, Sep 30 '13 at 15:28

score 5 · Accepted Answer · edited May 23 '17 at 10:25

5

Use .prop() instead of .attr()

$('#message').prop('placeholder', response);

Read .prop() vs .attr()

edited May 23 '17 at 10:25

Community

1
1

answered Sep 30 '13 at 15:29

Tushar Gupta - curioustushar

58,085
24
103
107

Tushar, it seems it doesn't work. I tried ` $('#message').text('');` to clear the textarea before - without result. – qadenza Sep 30 '13 at 15:43
@SunSky alert out `response` what you get ? – Tushar Gupta - curioustushar Sep 30 '13 at 15:45

Satpal · Answer 2 · 2018-06-21T09:44:59.887

4

Use .prop() instead of .attr()

$('#message').prop('placeholder', response);

edited Jun 21 '18 at 09:44

answered Sep 30 '13 at 15:28

Satpal

132,252
13
159
168

How to change placeholder for an textarea?

2 Answers2