2009-05-05 21 views
12

我有一個自動填充字段,我只是想知道如何使用它 多個單詞?當我輸入第一個單詞時,它的功能非常完美,但當我輸入第二個單詞時,它將 這兩個單詞發送回服務器,當然結果是錯誤的!如何使用JQuery自動完成多個單詞

例如。當我鍵入這兩個詞,

「爪哇JavaScript」

的第一個字的Java「,自動完成效果很好,拉清單。

,但是當我的空間和類型的JavaScript,自動完成發送的Java + JavaScript的「我的AJAX功能。

任何想法如何解決這個問題?

回答

10

看起來就像你不能,內置的實現不支持它 - 你可以在上面的鏈接看到:「是不是穩定的版本或發行版的一部分」。

不過,我已經下載並使用外部版本,可here

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

這是一個有點大,但使用是完全一樣的,你沒有任何改變,對於多重選擇,增加了選項{多:真}

更新

jQueryUI的現在已經更新爲最新的VERSI這使得這個答案過時了。一個UPTODATE例子可以在這裏

http://jqueryui.com/demos/autocomplete/#multiple

+0

不推薦使用Bassistance,以下是使用新的jQuery自動完成http://www.learningjquery的遷移指南。com/2010/06/autocomplete-migration-guide – bizl 2011-11-20 04:11:53

+0

此答案現在不正確,請刪除。薩姆答案顯示正確的解決方案。 – 2012-07-15 08:25:52

7
$("#tagnames").autocomplete("/tags/filter", { 
     max: 6, 
     highlightItem: true, 
     multiple: true, 
     multipleSeparator: " ", 
    }) 

發現要啓用自動完成多個單詞,你應該設置選項多:真multipleSeparator:「」

0

添加了一個更完整的答案評論,讓我們說你有一個共同的前綴兩個可能的選擇:

IP5IP5電池

如果在文本框中的用戶類型IP5,第一選擇上述將被自動地選擇,而不讓用戶繼續鍵入第二選擇,以避免此行爲,請確保您使用的選項

triggerSelectOnValidInput:true,