使用Javascript更改值时更新占位符显示

Question

我在Orchard CMS中设置了一个页面。我发现的问题是我无法为联系表单的文本区域设置占位符值。所以我尝试使用以下方法修复它：

@using(Script.Head()) {
    <script type ="text/javascript">
    function setPlaceholder() {
        document.getElementById("ContactForm_Message_Text").setAttribute("placeholder", "Message");
    }
    window.onload = setPlaceholder;
    </script>
}

这在一定程度上有效，但textarea仅在我单击文本区域时更新占位符。有没有办法解决这个问题，还是我错误地解决了这个问题？

Answer 1

最优雅的方法是在更新placeholder后更改值。这将强制DOM更新 textarea 。你可以在这里看到结果：

这里：jsfiddle for placeholder dynamically changed

function setPlaceholder() {       
  document.getElementById("ContactForm_Message_Text").setAttribute("placeholder", "Message");
  document.getElementById("ContactForm_Message_Text").value = "";
}