Javascript jquery所选插件-在所选项目上显示“X”
我正在使用jquery选择的插件。它是一个多选列表框。它工作得很好。但我希望所选项目旁边有一个“X”,以便用户可以删除它,如果他们想。默认操作是退格。 哪个属性在每个选定项上包含“X”? 这是我的jquery代码:Javascript jquery所选插件-在所选项目上显示“X”,javascript,jquery,listbox,jquery-chosen,Javascript,Jquery,Listbox,Jquery Chosen,我正在使用jquery选择的插件。它是一个多选列表框。它工作得很好。但我希望所选项目旁边有一个“X”,以便用户可以删除它,如果他们想。默认操作是退格。 哪个属性在每个选定项上包含“X”? 这是我的jquery代码: <script type="text/javascript"> $(document).ready(function () { $(".chosen-select").chosen({ search_contains:
<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');
});
这是我的列表框代码:
<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”。所选的.css引用它。我将它添加到我的图像文件夹中,并将所有路径更改为“Image/selected sprite.png”,但它仍然不起作用。
在.css文件的顶部有一条注释,不允许“手动编辑该文件”。
有人知道如何将图像文件添加到项目中,以便项目可以看到它吗?阅读文档时,似乎需要将多属性添加到asp:ListBox中
如果ASP.Net对象具有一个不带值的属性multiple,您可以尝试multiple=true,看看这是否有效
免责声明:以上内容均来自阅读文档。我自己也没有尝试过。我将select-sprite.png添加到包含select.css文件的文件夹中,效果很好。但没有效果。从文档中可以看出,“多个”将决定列表框是单选还是多选。这不是我需要的。当选择显示在列表框中时,如果用户想要删除一个,默认操作是退格。对我来说,这还不够直观。我希望列表框中的每个选定项旁边都有一个“X”,以指示是否要删除它,请单击“X”。所选网站上显示的示例以这种方式显示项目。我看了文件,不知道怎么去那里。
<asp:ListBox ID="lstBoxTo" runat="server" SelectionMode="Multiple"
multiple data-placeholder="Choose recipient(s)…"
class="chosen-select">
</asp:ListBox>