我有一個自動填充字段,我只是想知道如何使用它 多個單詞?當我輸入第一個單詞時,它的功能非常完美,但當我輸入第二個單詞時,它將 這兩個單詞發送回服務器,當然結果是錯誤的!如何使用JQuery自動完成多個單詞
例如。當我鍵入這兩個詞,
「爪哇JavaScript」
的第一個字的Java「,自動完成效果很好,拉清單。
,但是當我的空間和類型的JavaScript,自動完成發送的Java + JavaScript的「我的AJAX功能。
任何想法如何解決這個問題?
我有一個自動填充字段,我只是想知道如何使用它 多個單詞?當我輸入第一個單詞時,它的功能非常完美,但當我輸入第二個單詞時,它將 這兩個單詞發送回服務器,當然結果是錯誤的!如何使用JQuery自動完成多個單詞
例如。當我鍵入這兩個詞,
「爪哇JavaScript」
的第一個字的Java「,自動完成效果很好,拉清單。
,但是當我的空間和類型的JavaScript,自動完成發送的Java + JavaScript的「我的AJAX功能。
任何想法如何解決這個問題?
看起來就像你不能,內置的實現不支持它 - 你可以在上面的鏈接看到:「是不是穩定的版本或發行版的一部分」。
不過,我已經下載並使用外部版本,可here:
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
這是一個有點大,但使用是完全一樣的,你沒有任何改變,對於多重選擇,增加了選項{多:真}
更新
jQueryUI的現在已經更新爲最新的VERSI這使得這個答案過時了。一個UPTODATE例子可以在這裏
$("#tagnames").autocomplete("/tags/filter", {
max: 6,
highlightItem: true,
multiple: true,
multipleSeparator: " ",
})
發現要啓用自動完成多個單詞,你應該設置選項多:真和multipleSeparator:「」
如果您正在使用自動完成的「bassistance」版本,它的內置但是,如果你使用jQuery UI的版本,這裏有個例子:
添加了一個更完整的答案評論,讓我們說你有一個共同的前綴兩個可能的選擇:
IP5,IP5電池
如果在文本框中的用戶類型IP5,第一選擇上述將被自動地選擇,而不讓用戶繼續鍵入第二選擇,以避免此行爲,請確保您使用的選項
triggerSelectOnValidInput:true,
不推薦使用Bassistance,以下是使用新的jQuery自動完成http://www.learningjquery的遷移指南。com/2010/06/autocomplete-migration-guide – bizl 2011-11-20 04:11:53
此答案現在不正確,請刪除。薩姆答案顯示正確的解決方案。 – 2012-07-15 08:25:52