select2 插件自定义 tag 选择问题

最新推荐文章于 2022-06-29 20:24:16 发布

weixin_33725722

最新推荐文章于 2022-06-29 20:24:16 发布

阅读量909

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ende93/p/8026876.html

本文介绍了一个关于Select2插件的问题，在设置tags=true时，自定义内容无法正确显示。文章详细解释了问题出现的原因，并提供了解决方案，即在<select>标签中插入一个空值的option。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

select2 设置 tags = true 的时候可以输入并选择自定义的内容。但是最近出现了 <select> 重新插入初始化的时候，选择了自定义 tag 但是界面没有更新的情况。
插件版本： select2 4.0.1

查找

跟着源码跑了几遍才发现 select2 会对选择进行过滤，通过 getHighlightedResults 方法找到 select option:selected 的对应选项，如果当期 tag 是已选中的就直接 self.trigger('close', {}); 了。但是自定义 tag 是输入查询后才创建、插入 select，怎么会选中呢？想了一下，是 select 会把第一个 option 默认选中的缘故。