選択後のJqueryオートコンプリートのテキストボックスをクリアする

Question

ユーザが選択をしたら、Jqueryオートコンプリートを持つテキストボックスをクリアしたい。

私はしてフィールドを消去しようとしました：

select: function(event, ui) { 
    $(this).val(''); 
} 

しかし、これはworking.Iはjqueryの-1.6.4とjQuery-UI-1.8.16を使用していません。

すべてのアイデア？

Answer 1

selectイベントが発生してください。あなたはそれをクリアした後に更新されたフィールドを避けるために、イベントをキャンセルする必要があります：

select: function(event, ui) { 
    $(this).val(""); 
    return false; 
} 

更新：をT.J.としてそれは代わりにval()を経由の直接value DOMプロパティを更新するために、わずかに速いですが、以下の指摘：

select: function(event, ui) { 
    this.value = ""; 
    return false; 
} 

Answer 2

は、フィールドが更新される前に

select: function(event, ui) { 
input.value=''; 
} 

Answer 3

ます。また、この試みることがあります。選択すると、すべてのオートコンプリートフィルタリングされたリストを非表示になります

$("#your_autocomplete_sub_listview_id").children().addClass("ui-screen-hidden"); 

をそれ。私はselectイベントでのjQuery UIのバージョン1.8.23と$(this).val("");を使用してい

Answer 4

は私のために働いていないが、これはやった：

$("selector").autocomplete({ 
    // ... 
    close: function(el) { 
     el.target.value = ''; 
    } 
});