jquery-selected插件 - 在所選項目上顯示“X”

Question

我正在使用jquery選擇的插件。 它是一個多選ListBox。 它工作正常。 但我希望所選項目在項目旁邊有一個“X”，以便用戶可以刪除它。 默認操作是退格。 什么屬性包含每個所選項目的“X”？ 這是我的jquery代碼：

<script type="text/javascript">
     $(document).ready(function () {
         $(".chosen-select").chosen({
             search_contains: true,
             no_results_text: "Sorry, no match!",
             single_backstroke_delete: false,
             allow_single_deselect: true
         });
         $('.chosen-container').css('width', '600px');
    });

這是我的ListBox代碼：

 <asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
                    data-placeholder="Choose recipient(s)…" class="chosen-select">                       
        </asp:ListBox>

目前，我正在使用'single-backstroke-delete'屬性，但我希望在所選值旁邊有一個'X'。 你是如何配置的？

謝謝。

更新我相信我的問題是需要將.png文件添加到項目中的“selected-sprite.png”。 selected.css引用它。 我將它添加到我的Images文件夾並將所有路徑更改為'Image / selected-sprite.png'，但它仍然無效。
這是.css文件頂部的注釋，不要“手動編輯文件”。 有誰知道如何將圖像文件添加到項目中，以便它可以看到它？

Answer 1

我將selected-sprite.png添加到了具有chosen.css文件的文件夾中，並且工作正常。

Answer 2

在這里閱讀文檔，看起來好像需要將multiple屬性添加到asp:ListBox 。

 <asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"         
    multiple data-placeholder="Choose recipient(s)…" 
    class="chosen-select">                       
 </asp:ListBox>

如果ASP.Net反對具有沒有值的屬性（ multiple ），則可以嘗試multiple="true"並查看是否有效。

免責聲明：這一切都來自閱讀文檔。 我自己沒試過。