selected.js隐藏从已选择的选项中删除(X)但保留新选项

时间:2018-05-14 09:47:39

标签: javascript jquery-chosen

我的项目中有一个自定义要求,我想与您分享。

我使用了这个名为jquery-chosen的精彩JavaScript库,效果很好。

我在编辑个人资料页面中有多个选择下拉框,称为“类别”。现在,当页面加载时,此下拉列表中列表中已经选择的类别很少。

现在我想要的是,我不能通过点击删除(X)来删除已经选中的内容。但与此同时,我应该能够添加新的,当我添加新的时,我应该能够看到删除(X)按钮因为我没有更新我的页面。

我查看了他们的文档并对stackoverflow进行了一些研究,但到目前为止我还没有找到任何适当的解决方案来实现这一点。因此我提出了一个问题(所以没有代码显示:()。希望这是有道理的。

任何人都可以指导我完成此任务。

1 个答案:

答案 0 :(得分:1)

加载后的每个选定元素都将如下所示:

<li class=search-choice>
         <span> text of selected item </span>
        <a class="search-choice-close" data-option-array-index="1"></a>
</li>

我建议您在加载完之后查看已选择的项目并放置显示:没有样式的&#39; a&#39;元素,实际上是你的&#39; X&#39;删除。