使用 javascript 的 Struts2 文本字段中的占位符答案

【问题标题】：Placeholder in Struts2 textfield using javascript使用 javascript 的 Struts2 文本字段中的占位符
【发布时间】：2011-12-28 12:30:13
【问题描述】：

美好的一天！

我正在尝试在我的 Struts2 文本字段上创建一个占位符。问题是，它没有内置属性。所以我决定使用javascript。但我不知道如何对 struts 文本字段产生影响。

javascript中html文本字段占位符的代码如下：

HTML：<input type="text" name="billingNameStreet" class="input" title="Street"/>

   <script type="text/javascript">
        $(':input[title]').each(function() {
            var $this = $(this);
            if($this.val() === '') {
                $this.val($this.attr('title'));
            }
            $this.focus(function() {
                if($this.val() === $this.attr('title')) {
                    $this.val('');
                }
            });
            $this.blur(function() {
                 if($this.val() === '') {
                     $this.val($this.attr('title'));
                 }
            });
        });
    </script>

我怎样才能在我的 struts2 文本字段上影响它：

<s:textfield label="TEST" name="test" cssClass="haha"/>
<s:textfield label="TEST1" name="test1" cssClass="haha1"/>
<s:textfield label="TEST2" name="test2" cssClass="haha2"/>

或者还有其他方法可以在 Struts2 文本字段中创建占位符吗？

提前致谢

【问题讨论】：

你用的是哪个版本的struts2？？
在 2.2.3 版本中修复了类似的问题。这里是链接issues.apache.org/jira/browse/WW-3644

标签： javascript struts2 placeholder

【解决方案1】：

这里你的 jQuery 代码说选择器是带有 title 属性的 input 元素。在您的 struts2 标记中，未指定标题。在<s:textfield/> 标签中，您可以使用title 属性，该属性将被呈现为html 标题属性。因此，您的代码需要更改为：

<s:textfield label="TEST" name="test" cssClass="haha" title="haha"/>
<s:textfield label="TEST1" name="test1" cssClass="haha1" title="haha1"/>
<s:textfield label="TEST2" name="test2" cssClass="haha2" title="haha2"/>

您可以使用此文档以供将来参考：

http://struts.apache.org/2.0.14/docs/textfield.html

【讨论】：