jQuery Tag-It — использование списка объектов значений и меток

Только что попробовал отличный Tag-It! плагин для jquery ( http://aehlke.github.com/tag-it/), но я не могу заставить его работать так, как хотелось бы.

У меня есть такой список объектов:

var food = [{value:1,label:'Pizza'},{value:2,label:'Burger'},{value:3,label:'Salad'}];

Который я передаю в параметр tagSource в моей настройке:

$("#my_food_tags").tagit({
    tagSource: food,
    singleField: true,
    singleFieldNode: $("#my_food"),
    placeholderText: "Start typing a food name"
});

Это работает нормально, за исключением того, что когда я щелкаю элемент списка автозаполнения, он отображает числовое значение в тег, а не название еды.

Таким образом, можно ли ввести «значение» в скрытое поле, а «метку» отображать как имя тега?

Вот скриншот того, что я имею в виду. Значение появляется в метке тега, и метка теряется в эфире ;-)

Example of label text being lost

Кто-нибудь может мне помочь? Было бы очень признательно!

Заранее спасибо. Себ

14
задан Brad Fox 3 May 2012 в 18:01
поделиться