2013-08-02 76 views
9

我發現所謂的TAG-IT一個可愛的小標記腳本:如何使用TagIt for jQuery將標籤映射到ID值?

http://aehlke.github.io/tag-it/examples.html

這是非常好的,簡單的,但我想知道怎樣才能讓標籤的用戶類型(從我的預定義的標記列表),並讓他們映射到實際的ID號碼,而不是標籤名稱本身?

表單提交,我希望能夠提交ID的列表,像這樣:

3,7,22,56,77 

這將映射到標籤的用戶已經選擇,如:

rock,indie,blues,jazz,world 

我的標籤將來自一個標籤表,每個標籤都有其主鍵,並且這些主鍵是我希望存儲在用戶正在創建的帖子欄中的主鍵。

基本上,我希望用戶看到標籤的好名字,但實際提交ID值的表單。這可能嗎?

這是我目前的JS:

var genreTags = [ 

    'Indie', 
    'Electronic', 
    'Pop', 
    'Urban', 
    'Metal', 
    'Jazz', 
    'Blues', 
    'World', 
    'Rock', 
    'Classical', 
    'Reggae' 

]; 

$("#genre").tagit({ 
    availableTags: genreTags, 
    tagLimit: 3 
}); 

這字標籤的簡單列表,但我想這將需要的對象。例如:

{ "id" : "3", "name" : "rock" } 

是否有可能做這樣的事情,然後使用ID作爲放置在表單字段中的值?

任何幫助表示讚賞。

謝謝, 邁克爾。

回答

9

有可能有標籤和id對,並將其與TagIt集成。

由於列表是預定義的,所以可以聲明id標籤對。

var availableTags = [ 
{value: 1, label: 'tag1'}, 
{value: 2, label: 'tag2'}, 
{value: 3, label: 'tag3'}]; 

這個jsfiddle會給你一個想法。

+0

最新的TAG-IT顯然不與您的代碼工作。我檢查了文檔。似乎不再有tagsChanged作爲事件處理程序。試圖找到類似的函數來替換。無法。請指教。 –

+0

@Kim Stacks [here](http://stackoverflow.com/a/19865908/2218697)是另一種解決方案,它爲我工作。 – stom

相關問題