javascript - selected.js 从已选择的选项中隐藏删除（X），但保留新选项

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

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

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

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

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

谁能指导我做到这一点。

标签： javascriptjquery-chosen

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

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

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