JQuery-UI自動完成。當只剩下一個選擇時自動接受這個詞

Question

我有一個帶有文本輸入字段的web表單，該字段通過-jquery-ui附加了自動填充小部件。實際上，表單本身就是jquery-ui對話框。我正在尋找讓表單自動接受自動完成選項的方式，只剩下一個選項。

舉例說明。假設用戶輸入'c'，自動填充小部件將提供'貓'和'壁櫥'。當用戶輸入'a'時，小部件應該自動將'cat'放入輸入字段並關閉。

Answer 1

你必須管理一個事件。 正如我在documentation看你有沒有觸發變化：

$(".selector").autocomplete({ 
    change: function(event, ui) {} 
}); 

在變化，你有算你仍然有這樣的選擇：

var options = $(".selector").autocomplete("option"); 

，我看到你會得到類似的東西：

[{label: 'Option 1'}, {label: 'Option 2'}] 

玩一下分裂和評估，並獲得大小。 然後：

if (size == 1){ 
$(".selector").val(options.value); 
} 

這不是一門課程的工作樣本，但它的方法。