jquery ui otomatik tamamlama: yalnızca öğe seçilmediğinde tetikle

Question

Bir jquery ui seçiminin "tersine" nasıl yapılacağını anlamaya çalışıyorum. Birisi bir seçenek seçmediğinde ve sadece "jquery bir şey" çıktığında: "yeni girdi: jquery bir şey" olacaktır. Ancak "jquery" seçildiğinde, bir şekilde "listeden seçilmiş: jquery" ye sahip olmak ve tuş basışını önlemek çok güzel olurdu. Ancak, her iki olay da ateşlenir. Bunu bir ya da diğeri yapmaya çalışıyorum.

<input class="test" type="text" /> 

<script> 
$('.test').autocomplete({ 
    select: function (event, ui) { 
     alert('selected from list: ' + ui.item.label); 
     event.preventDefault(); 
     return false; 
    }, 
    source: ["jquery", "jquery ui", "sizzle"] 
}); 
$('.test').live('keypress', function (e) { 
    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { 
     alert('new input: ' + $(this).val()); 
    } 
}); 
</script> 

Bu anahtar UI menüden bir seçenek seçmek için kullanılır "enter" varsayımıyla gidiyor.

Answer 1

Bunu, autocompletechange olayını kullanarak gerçekleştirebilirsiniz. Kullanıcı bir seçenek seçilmiş ya da bir şey yazdıysanız bu olayı kullanarak, belirleyebilir listesinde değildi:

$("#auto").autocomplete({ 
    source: ['hi', 'bye', 'foo', 'bar'], 
    change: function(event, ui) { 
     console.log(this.value); 
     if (ui.item == null) { 
      $("span").text("new item: " + this.value); 
     } else { 
      $("span").text("selected item: " + ui.item.value); 
     } 
    } 
}); 

Örnek:http://jsfiddle.net/Ne9FH/