Заполнитель в текстовом поле Struts2 с использованием JavaScript
Добрый день!
Я пытаюсь создать заполнитель в моем текстовом поле Struts2. Проблема в том, что для него нет встроенного атрибута. Поэтому я решил использовать JavaScript. Но я не знаю, как я могу повлиять на текстовое поле распорок.
Код для местозаполнителя текстового поля html в javascript следующий:
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?
заранее спасибо
1 ответ
Здесь ваш код JQuery говорит, что селектор input
элементы с title
приписывать. В ваших тегах 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"/>
Вы можете использовать этот документ для будущих ссылок: