jQuery自動完成類別選擇標籤和值

Question

嘗試使用類別獲取jQuery自動填充以將選定值返回到搜索字段，並將值返回到單獨的輸入字段。

我修改了數據以具有值以及標籤和類別。

見http://jsfiddle.net/chrisk/bM7ck/

但價值總是返回到搜索領域，而不是標籤。

Answer 1

這就是jquery ui自動完成如何在您同時提供標籤和值的情況下工作。如果您要將標籤返回到搜索字段，請重命名值字段。

更新小提琴：http://jsfiddle.net/jensbits/bM7ck/3/

Answer 2

你接近，你只需要：

1. 添加return false您select事件處理程序的結束，
2. 添加事件處理程序focus事件，以便您可以覆蓋它，使用標籤而不是值。

這是你的代碼更新：

$("#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. 
    } 
}); 

下面是一個更新的例子：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); 
      } 
     }); 
    });