9

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 を使用することは可能ですか?

どんな助けでも感謝します。

ありがとう、マイケル。

4

1 に答える 1

9

ラベルと ID のペアを持ち、TagIt と統合することができます。

リストは事前定義されているため、id-label ペアを宣言できます。

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

このjsfiddleはアイデアを提供します。

于 2013-10-29T12:41:07.157 に答える