![](/img/trans.png)
[英]jQuery-chosen - Push custom option attribute of selected option to list
[英]jquery-chosen plugin - display 'X' on selected item
我正在使用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文件顶部的注释,不要“手动编辑文件”。 有谁知道如何将图像文件添加到项目中,以便它可以看到它?
我将selected-sprite.png添加到了具有chosen.css文件的文件夹中,并且工作正常。
在这里阅读文档,看起来好像需要将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"
并查看是否有效。
免责声明:这一切都来自阅读文档。 我自己没试过。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.