jquery - 如何使用 TagIt for jQuery 将标签映射到 ID 值？

Question

我发现了一个可爱的小标记脚本，名为 TagIt:

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 作为放置在表单字段中的值？

感谢任何帮助。

谢谢，迈克尔。

Answer 1

可以拥有标签和 ID 对并将其与 TagIt 集成。

由于列表是预定义的，因此您可以声明 id-标签对。

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

这个jsfiddle会给你一个想法。