Question

我正在使用jquery选择的插件。它是一个多选ListBox。它工作正常。但我希望所选项目能够得到一个＆＃39; X＆＃39;在项目旁边，以便用户可以删除它。默认操作是退格。什么属性包括＆＃39; X＆＃39;在每个选定的项目？这是我的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>

目前，我正在使用该属性，＆＃39; single-backstroke-delete＆＃39;但是我希望有一个＆＃39; X＆＃39;而是在所选值旁边。你如何配置？

感谢。

更新我相信我的问题是需要添加.png文件，＆＃39; selected-sprite.png＆＃39;到项目。 selected.css引用它。我将它添加到我的Images文件夹中并将所有路径更改为＆＃39; Image / selected-sprite.png＆＃39;但它仍然无效这是.css文件顶部的注释，不要手动编辑文件＆＃39;。有谁知道如何将图像文件添加到项目中以便它可以看到它？

Answer 1

我将selected-sprite.png添加到具有chosen.css文件的文件夹中，并且工作正常。

Answer 2

阅读文档here，看起来好像需要将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"并查看是否有效。

免责声明：这一切都来自阅读文档。我自己没试过。

jquery-selected插件 - 在所选项目上显示“X”

2 个答案: