使用Javascript动态更改HTML5输入元素的"占位符"属性

Question

我正在尝试placeholder使用jQuery 动态更新文本字段的HTML5 属性.

$("textarea").attr("placeholder", "New placeholder text");

从Firebug,我可以发现placeholder属性确实在变化.但是在渲染textarea元素中,它保持不变.有什么建议？

Answer 1

试试这个 :

$('#inputTextID').attr("placeholder","placeholder text");

Answer 2

我想你必须这样做:

$("textarea").val('');
$("textarea").attr("placeholder", "New placeholder text");

Answer 3

如果您使用的是Firebug,我可以假设您使用的是Firefox,而Firefox placeholder在输入字段中还不支持属性.

占位符功能检测

我刚试过Chrome for Mac,它支持textareas上的占位符文本(以及通过javascript更改)

2015年更新:有时我获得了这个答案的声誉,所以我想澄清这被认为是正确的,因为当时Firefox 3.6不支持占位符属性.第4版然后添加支持("修复问题"不公平)所以OP的代码从那时开始按预期工作.