向select2添加固定项目和不可移动项目？

Posted 2023-03-14

【中文标题】向select2添加固定项目和不可移动项目？

【英文标题】：Add fixed item and non-removable item to select2?

【发布时间】：2021-12-28 07:56:33

【问题描述】：

我有一个邮件模块，我想将提到的 (in the photo) 电子邮件或 [e-mail] 添加到多选 select2 中的 cc 中的 固定选择和不可删除 选项.我怎样才能做到这一点？有什么想法吗？

这是我选择 cc 的 Blade 语法：

<div class="form-group">
    <label>CC <span class="astirered">*</span></label>
    !! Form::select('cc[]', $employee_list, $mail_cc_user_id, ['class'=>'form-control select2','multiple']) !!
    <span class="astirered">!! $errors->first('cc') !!</span>
</div>

这是选择 2 的脚本：

$('.select2').select2(
    placeholder: "Please select one"
);

【参考方案1】：

我不认为 select 2 有内置的方法，但是通过一些额外的 JQuery 可以隐藏它。如果您使用检查器查看选择框，您会发现类似这样的内容

<li class="select2-selection__choice" title="[e-mail]" data-select2-id="id">
    <span class="select2-selection__choice__remove" role="presentation">×</span>
    [e-mail]
</li>

你可以像这样通过 jQuery 删除那个 x：

$('li.select2-selection__choice[title="[e-mail]"]').find('span.select2-selection__choice__remove').remove();

然后例如，您可以在表单中标记选择的特定电子邮件默认值，然后在文档加载时运行该 jQuery 命令。