2011-12-04 46 views
0

我會問我基於stackoverflow「新問題」頁面的問題,因爲它更容易解釋。混合標題和標記表單域

我們在該頁面有2個表單域標題和標籤。如果我們想將這些合併到現場呢?因此,如果用戶輸入任何以#號開頭的單詞,我們會將其識別爲標籤,我們將嘗試自動完成此操作,但如果用戶一直寫下沒有#號的其他單詞,則我們知道這些單詞現在是標題本身的一部分。

用戶將鍵入#ja,我們將建議java和javascript標記,然後用戶選擇其中一個,並且他將繼續寫入,但由於他沒有再寫入#我們知道這些單詞現在成爲問題標題的一部分。

那麼我需要什麼來創建這種類型的混合字段使用JavaScript和HTML?

回答

0

jQuery將是一個很好的開始 - 很容易創建一個你需要的插件。

它甚至與現有的自動完成功能插件,像

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/或一個與jQuery UI的推移,也許可能,但它必須進行修改。首先,分隔符必須是空格而不是通常的逗號。其次,如果進一步修改插件以便它只會在單詞的第一個字符是'#'時纔會執行ajax請求。這樣就不會有太多要求。插件將能夠從通話中刪除'#'。

在服務器端,如果get/post請求中仍有'#',請將其刪除並繼續執行DB select。然後使用'#'預先或不使用'#'返回數據,以便回調中的javascript能夠在需要時添加它。

如果我們從自動完成中選擇一個,不確定上面列出的插件如何處理標籤替換,但我相信這不會是一個問題。可能如果你將使用bassistance插件,你必須替換自動完成標籤後面的分隔符(它會插入逗號)。