jQuery Otomatik Tamamlama Kategorileri Etiket ve Değer Seç

Question

Seçilen değeri arama alanına ve değeri ayrı bir giriş alanına döndürmek için jQuery Otomatik Tamamlama kategorilerini almaya çalışın.

Verilerin yanı sıra etiket ve kategori için verileri değiştirdim.

http://jsfiddle.net/chrisk/bM7ck/ Bkz Ama değeri her zaman yerine etiketin arama alanına iade edilir.

Answer 1

Hem etiket hem de değer sağladığınızda jquery ui otomatik tamamlaması bu şekilde çalışır. Etiketin arama alanına döndürülmesini istiyorsanız, değer alanını yeniden adlandırın.

Güncelleme keman: http://jsfiddle.net/jensbits/bM7ck/3/

Answer 2

Sen, sadece yakın ihtiyacımız var

:

1. sizin select olay işleyicisi sonuna return false ekleyin ve
2. focus için bir olay işleyicisi ekleyin Bu nedenle, değeri geçersiz kılmak için, değeri yerine etiketi kullanabilirsiniz.

   $("#search").catcomplete({ 
       delay: 0, 
       source: data, 
       select: function(event, ui) { 
        $('#search').val(ui.item.label); 
        $('#searchval').val(ui.item.value); 
        return false; // Prevent the widget from inserting the value. 
       }, 
       focus: function(event, ui) { 
        $("#search").val(ui.item.label); 
        return false; // Prevent the widget from inserting the value. 
       } 
   }); 
   

   İşte güncelleştirilmiş örnek::

İşte kod güncellenmiş bulunuyor http://jsfiddle.net/q2kDU/

Answer 3

$(function() { 
     $("#searchitems").autocomplete({ 
      source: [<?php echo $search /*example for full list in php*/?>], 
      minLength: 2, 
      select: function(event, ui) { 
       event.preventDefault(); 
       $("#searchitems").val(ui.item.label); 
       $('#searchitemvalue').val(ui.item.value); 
       window.location="#"; //location to go when you select an item 
      }, 
      focus: function(event, ui) { 
       event.preventDefault(); 
       $("#searchitems").val(ui.item.label); 
       $('#searchitemsvalue').val(ui.item.value); 
      } 
     }); 
    });