jQuery 자동 완성 기능을 사용하면 사용자가 입력 및 초점을 맞출 때 도움을 표시 할 수 있습니까?

Question

jQuery 자동 완성 기능을 사용하고 있습니다. 사용자가 입력을 클릭하면 사용자에게 무엇을해야하는지 알려주는 헬퍼가 없습니다.

jQuery 자동 완성 기능을 사용하면 "Type ..."을 보여주는 입력 아래에 도우미 메시지를 표시 할 수 있습니다. 제안 사항이있는 즉시 제거됩니다.

감사

는

Answer 1

어떨까요? 입력 필드에 기본값을 설정합니다 (예 : 여기 입력 ...). 그런 다음 사용자가 init을 클릭하면 기본 텍스트를 지우고 자동 완성이 실행됩니다. 그러나 텍스트없이 입력 필드를 벗어나면 기본 텍스트가 텍스트 필드로 돌아갑니다. jsFiddle example입니다.

HTML : (로컬 데이터 소스 데모를 사용하여)

<div class="ui-widget">  
    <label for="tags">Tags: </label>  
    <input id="tags" value="Type here..."> 
</div> 

jQuery를 : 자동 완성 화재에 대한

var availableTags = [ 
    "ActionScript", 
    "AppleScript", 
    "Asp", 
    "BASIC", 
    "C", 
    "C++", 
    "Clojure", 
    "COBOL", 
    "ColdFusion", 
    "Erlang", 
    "Fortran", 
    "Groovy", 
    "Haskell", 
    "Java", 
    "JavaScript", 
    "Lisp", 
    "Perl", 
    "PHP", 
    "Python", 
    "Ruby", 
    "Scala", 
    "Scheme" 
    ]; 
$("#tags").click(function(){ 
    if($(this).val() == 'Type here...') $(this).val(''); 
}).blur(function(){ 
    if($(this).val() == '') $(this).val('Type here...'); 
}).autocomplete({ 
    source: availableTags 
}); 

Answer 2

에 '초점'이벤트는 여기가 자세히 설명되어 있습니다 : http://jqueryui.com/demos/autocomplete/#event-focus 당신이 프롬프트를 해고하려면이 옵션을 사용할 수 있습니까?