【问题标题】:How to add back placeholder after value is emptied?清空值后如何添加回占位符?
【发布时间】:2017-03-09 21:55:18
【问题描述】:

清除 textarea 的值后,占位符丢失。我需要做的就是将该占位符添加回文本区域。

html:

<textarea data-reply placeholder="Add your reply" autocomplete="off" name="message" ></textarea>

清除文本区域的值

$('[data-reply]').val(' ');

添加占位符(不起作用)

1) $('[data-reply]').attr("placeholder", "New placeholder text");


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

参考这里:Changing the "placeholder" attribute of HTML5 input elements dynamically using Javascript

【问题讨论】:

  • 因为您在 textarea 中添加了空格字符,并且当 textarea 具有值时,占位符不显示。使用$('[data-reply]').val('') 清除它的值。

标签: javascript jquery html


【解决方案1】:

你不需要做任何事情。清除值后浏览器会显示占位符。

您输入 textarea 的值并没有清除它。它是一个空格字符。

$('[data-reply]').val(' ');

试试:

$('[data-reply]').val('');

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-08-10
    • 2018-09-29
    • 2014-03-13
    • 2019-04-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-02
    相关资源
    最近更新 更多