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

Question

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

我使用了这个很棒的 JavaScript 库，叫做 jquery-chosen，它运行良好。

我在编辑个人资料页面中有一个名为 "Category" 的多选下拉框。现在，当页面加载时，此下拉列表中将几乎没有已选择的类别。

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

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

谁能指导我完成这个。

Answer 1

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

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

我建议你在加载后检查已经选择的项目并为 'a' 元素放置 display:none 样式，这实际上是你要删除的 'X'。