Form geliştirme ve UI otomatik tamamlama jQuery kullanıyorum. Kullanıcı bir seçenek seçtiğinde, seçim süresi <p> üst etiketi eklenir içine pop istiyorum. Daha sonra alanı temizlemek yerine seçimi ile doldurulması istiyorum.

Span gayet güzel görünen, ama alanını temizlemek için alamıyorum.

Nasıl jQuery UI otomatik tamamlama varsayılan seçme eylemi iptal musun?

İşte benim kod:

var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"];
$("[id^=item-tag-]").autocomplete({
    source: availableTags,

    select: function(){
        var newTag = $(this).val();
        $(this).val("");
        $(this).parent().append("<span>"   newTag   "<a href=\"#\">[x]</a> </span>");
    }
});

Sadece $(this).val(""); yapmaya çalışmıyor. Çıldırtıcı nedir neredeyse özdeş işlevini iyi otomatik tamamlama görmezden gelir, ve sadece kullanıcı virgül yazdığında Eylem olarak çalışır

$('[id^=item-tag-]').keyup(function(e) {
    if(e.keyCode == 188) {
        var newTag = $(this).val().slice(0,-1);
        $(this).val('');
        $(this).parent().append("<span>"   newTag   "<a href=\"#\">[x]</a> </span>");
    }
});

Gerçek sonuç çoklu seçim ile çalışmak için otomatik tamamlama. Eğer kimse bunun için herhangi bir öneriniz varsa, hoş olurdu.

$(this).val(''); return false;Ekle alanı temizleyin ve olay iptal etmek için select fonksiyon sonu :)

Bu güncellenmekte değeri önleyecektir. around line 109 here nasıl çalıştığını görebilirsiniz.

Orada kod özellikle yanlış: denetler

if ( false !== self._trigger( "select", event, { item: item } ) ) {
  self.element.val( item.value );
}