jQuery Tag-It - 使用標籤和值對象列表

我嘗試了一個很棒的插件（http://aehlke.github.com/tag-it/）。jQuery Tag-It - 使用標籤和值對象列表

我有一個對象列表如下：

var category = [{label:'Photographer',value:'Guruh'},{label:'Photographer',value:'Citta'},{label:'Photographer',value:'Zaki'},{label:'Version',value:'737'},{label:'Version',value:'738'}];

其中我傳遞給tagSource選項在我的設置：

$("#my_list_tags").tagit({ 
    tagSource: category, 
    singleField: true, 
    singleFieldNode: $("#my_list"), 
    placeholderText: "Start typing..." 
});

我目前的顯示列表：
current list

我想用一些額外的標籤來顯示我的顯示列表： display list

這裏是我的呈現HTML：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 50px; left: 12px; display: none; width: 294px;"> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">Guruh SKOM</a> 
</li> 
<li class="ui-menu-item" role="menuitem"> 
    <a class="ui-corner-all" tabindex="-1">guruh</a> 
</li> 
</ul>

任何人都可以請幫我在這裏？我將非常感謝！

由於提前，Guruh

來源

2013-02-12 guruh

您可以發佈渲染'html'這裏 – DON 2013-02-12 03:59:42

@DON：好的，我已經爲問題 – guruh 2013-02-12 04:05:34

你的選擇呈現

var category = [{label:'Photographer',value:'Guruh'},{label:'Photographer',value:'Citta'},{label:'Photographer',value:'Zaki'},{label:'Version',value:'737'},{label:'Version',value:'738'}]; 

$("a.ui-corner-all").each(function(){ 

    var txt = $(this).text(); 
    var lblIndex; 
    var lblValue; 


    $.each(category, function (index, singleObj) { 
      if(singleObj.value == txt) 
      { 
       lblValue = singleObj.label; 
       return false; 
      } 
    });   


    $(this).text(txt + " " + lblValue); 

});

後，你可以調用這樣的事情，這可能是不是更復雜

來源

2013-02-12 05:03:15 DON

添加了呈現HTML謝謝，但是，事實並非如此。我有一個對象（JSON），並不總是（攝影師）可能是'版本'或其他。您可以在頂部看到我的問題。 – guruh 2013-02-12 08:09:21

更新代碼，它會工作 – DON 2013-02-12 08:48:57

謝謝你。我會嘗試：） – guruh 2013-02-12 10:12:38

jQuery Tag-It - 使用標籤和值對象列表

回答

相關問題