자바 스크립트 자동 완성 후 입력이

Question

를 내가 잘 작동이 코드를 가지고,하지만 난 자동 완성 제안을 선택 사용자 후 입력 $ 프로젝트 을 비우 할 ... 선택 비우는이 코드를 배치 할

$project.autocomplete({ 
     minLength: 1, 
     source: projects, 
     focus: function(event, ui) { 
     $project.val(ui.item.label); 
     return false; 
     }, 
     select: function (e, ui) { 
     createTag(ui.item.label, ui.item.id); 
    } 
    }); 

자동 완성이 실행 된 후 작업을 수행하려면?

//document.getElementById("project").value = ""; 

Answer 1

당신은 close event를 사용할 필요가이 솔루션을 시도해보십시오

var projects = [ 
 
    "ActionScript", 
 
    "AppleScript", 
 
    "Asp", 
 
    "BASIC", 
 
    "C", 
 
    "C++", 
 
    "Clojure", 
 
    "COBOL", 
 
    "ColdFusion", 
 
    "Erlang", 
 
    "Fortran", 
 
    "Groovy", 
 
    "Haskell", 
 
    "Java", 
 
    "JavaScript", 
 
    "Lisp", 
 
    "Perl", 
 
    "PHP", 
 
    "Python", 
 
    "Ruby", 
 
    "Scala", 
 
    "Scheme" 
 
]; 
 

 
var $project = $("#tags"); 
 
$project.autocomplete({ 
 
    minLength: 1, 
 
    source: projects, 
 
    focus: function(event, ui) { 
 
    $project.val(ui.item.label); 
 
    return false; 
 
    }, 
 
    close: function (e, ui) { 
 
    e.target.value = ''; 
 
    //createTag(ui.item.label, ui.item.id); 
 
    } 
 
});

<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 

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

Answer 2

select: function (e, ui) { 
    $project.val(""); 
    createTag(ui.item.label, ui.item.id); 
}