Автозаполнение работает, но текст по умолчанию не отображается при обработке другого события?
У меня есть тег автозаполнения в Struts 2.
У меня есть определенные операции, которые нужно сделать, когда тег находится на автозаполнении....
На фокусе, когда я нажимаю на текстовое поле автозаполнения, текст Select or Type tag ends with ;
будут удалены
Если я обработаю какое-то другое событие, текст должен появиться снова.
Как добиться этой функциональности?
<sj:autocompleter
cssStyle="width:200px;"
href="%{#autoCompleteTagUrl}"
onSelectTopics="tagsAllSelectTopics"
onCompleteTopics="tagsAllCompleteTopics"
id="tags_all"
name="tags_all"
cssClass="inputText tags_all tag-textbox docTxt"
tooltip="true"
value="Select or Type tag ends with ;"
onfocus="if(this.value=='Select or Type tag ends with;'){this.value='';}"
loadingText="Loading...."
/>
2 ответа
ЕСЛИ <sj:autocompleter />
позволяет динамические атрибуты (это означает, что вы можете написать атрибуты, не перечисленные в документации, например, <sj:autocompleter foo="bar" />
), вы можете использовать текстовый заполнитель HTML5, работающий в любом современном браузере:
<sj:autocompleter placeholder="Select or Type tag ends with" />
Это будет полностью автоматически, и для старого браузера вы можете использовать функцию обнаружения, как в этой скрипке.
Прекратите использовать текст для чего-то, что не является текстом, но внутренней меткой;)
Автозаполнение не имеет атрибута-заполнителя, потому что автозаполнение обычно предназначено для того, чтобы пользователи могли вводить текст, попадающий в предоставленный список, и этот список отображается в зависимости от того, когда пользователь вводит текст, или если нажата стрелка раскрывающегося списка (если стрелка включена).
Вот список атрибутов, поддерживаемых автозаполнением.
Но если вы хотите сделать это так, используйте событие onfocusout, чтобы вернуть текст, если значение ==""
<sj:autocompleter
cssStyle="width:200px;"
href="%{#autoCompleteTagUrl}"
onSelectTopics="tagsAllSelectTopics"
onCompleteTopics="tagsAllCompleteTopics"
id="tags_all"
name="tags_all"
cssClass="inputText tags_all tag-textbox docTxt"
tooltip="true"
value="Select or Type tag ends with ;"
onfocus="if(this.value=='Select or Type tag ends with;'){this.value='';}"
loadingText="Loading...."
onfocusout="if(this.value==""){this.value='Select or Type tag ends with';}
/>