2010-06-16 36 views
5

我正在使用jQuery UI Autocomplete 1.8.1Jquery 1.4.2,我遇到此問題。JQuery UI自動完成,select(按鼠標)後的值不同於(按箭頭鍵)

起初,我不能強制自動填充輸入字段的值,這不是一個大問題。

但我有這個問題吧:

我不會採取類似行動,當用戶使用select鼠標使用鍵盤箭頭的選擇。當使用鍵盤時,一切都很好,並且在輸入文本框中選擇後顯示該值,但使用鼠標時,它會保留舊的(鍵入的)值而不是選定的值。

如何控制這個(選擇後的文本框值)?爲什麼有不同的行爲?

P.S:更改select函數內的輸入框的值是無用的,因爲它無法完成!

回答

0

我無法解決它在知府的方式,所以我已經成功地隱藏select搜索輸入字段和顯示另一個定製div是隱藏在點擊通過再次提起jQuery UI搜索input的焦點。

+0

我知道這是舊的,但我有一個類似的問題。小心分享一個jsfiddle? – MatteS 2012-09-20 18:48:14

2

我有類似的問題。

使用鍵盤時,文本框中的焦點會丟失,但單擊時焦點將返回文本框。

這可能是因爲您正在重新觸發的輸入字段的焦點上發生了什麼?

1

的sollution是由preventDefault()方法自動完成對焦回調的內停止活動

2

你可以做這樣的事情:

$('#input').autocomplete({ 
    source: items, 
    focus: function(event, ui) { var text = ui.item.value; 
    $('#input').val(text); 
    return false; 
    } 
}); 

懸停的項目用鼠標,將填補與文本框當前值,當你點擊進入它的價值將已經顯示在文本框

3

,或者您可以在選定的

select: function(event, ui) { 
    $('#input').val(ui.item.value); 
} 
添加它
相關問題