Select2:动态隐藏某些选项

2024-01-08

基本上我正在寻找的是能够从所选项目的下拉列表中隐藏选项的能力。因此,从技术上讲,它们仍然是选项,但您只是无法单击它们,因为它们是隐藏的。

我浏览了文档并发现了与禁用相关的内容,不幸的是我非常特别想要隐藏项目的能力。有人对如何实现这一目标有建议吗?

是否可以做一些事情,比如让选择在原始数据之间进行一些特定的映射<option>元素和select2 https://select2.org/该元素的副本,也可以。举个例子,“如果原来的<option>具有这样的类或具有这样的属性,选择下拉列表中的结果项目将以这种方式构造”。


将以下 CSS 规则添加到页面可以解决您的问题吗?

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

基本上它会隐藏禁用选项,而不是用灰色背景显示它。

Use disabled代替display:'none'也在您的选项列表中。

JS Bin http://jsbin.com/qizohutole/edit?html,js,output

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Select2:动态隐藏某些选项 的相关文章

  • 在 Select2 版本 4.x 中向数据适配器添加装饰器

    我想支持MaximumInputLength我的自定义 Select2 的装饰器数据适配器 https select2 github io options html dataAdapter 在我的自定义数据适配器中 Utils Decora
  • 按下按钮时如何隐藏/显示元素?

    我正在尝试学习如何使用 Eclipse IDE 开发 Android 我现在想做的是在按下按钮时使隐藏的 TableLayout 可见 但是 我不知道需要在按钮的 OnClick 属性中放入什么内容 另外 是否有任何在线教程可以帮助我学习如
  • 如何隐藏多个项目但只调用处理程序一次?

    我隐藏了多个这样的项目 item1 item2 item3 hide slow function console log hidden 问题是这会记录四次 由于我无法控制的原因 我无法在每个元素上使用公共类 有没有一种很好的 jquery
  • 按组限制 select2 选择?

    有没有人想出一种方法来限制 select2 按组选择 我希望在选择该组中的某些内容后自动删除该组中的任何选择 实际上限制为每组一个选择 我会做一些事情 如果在我完成之前没有人发布一个好的解决方案 我会将其发布在这里 可以防止在 Select
  • 隐藏移动设备的 Javascript 文件

    有没有办法阻止在设备 移动设备 上加载 javascript 文件 我做了一个响应式设计 有一些脚本不用于移动版本 所以如果它们不需要加载那就太好了 非常感谢 检查浏览器是否没有ismobile and document write输出脚本
  • Jquery - 克隆表行时禁用 select2 下拉列表

    我有一个带有四个 select2 下拉列表的表 当我克隆该行以复制它时 新行的下拉列表被禁用 我无法单击它们 我必须在代码中添加什么才能激活它们 HTML 表格 table width 100 tbody tr th class tab h
  • 用户使用 select2 更改所选项目的字体颜色

    我有简单的选择选项 html
  • jQuery .show() 只能工作一瞬间

    我有一个div div div div div
  • Select2 jquery - 如何获取选择框中的文本

    我输入的文本如下
  • 使用 jQuery 隐藏跨度

    即使已经嵌入图像 如果没有文本 如何隐藏跨度 基本上每个跨度中都嵌入了很少的网页图标和视频图标 访问网站 webicon 查看视频 videoicon 因此 如果 没有链接文本 嵌入WEBICON 包括图像图标在内的整个内容都应该隐藏 di
  • 如何使用 C# 隐藏/显示进程?

    在执行我的程序时 我想隐藏 最小化 Microsoft 语音识别应用程序 替代文本 http img143 imageshack us img143 9380 minimize png http img143 imageshack us i
  • select2 将类添加到所选选项

    我想添加类option在 select2 中 所以在我单击建议列表项后 它将添加自定义类添加到选择多个到主要的选择结构 这是示例代码
  • select2 下拉自动宽度无法正常工作

    我正在使用 select2 来设置dropdownautowidth在我的 SharePoint 搜索页面上设置为 true 并且第一次在页面加载时完美运行 在我搜索某个关键字后 页面会加载搜索结果 然后 dropdownautowidth
  • Javascript 保持 div 隐藏,直到您单击按钮,需要帮助修改

    基本上 我的代码现在隐藏了我网站上的一些 div 然后当您单击链接时 它会使 div 出现 我需要帮助 以便当我单击一个链接时出现一个 div 然后单击另一个链接时 前一个链接会消失 假设我点击 关于 链接 div 出现了 很好 然后我点击
  • AppleScript:从应用程序隐藏/获取进程名称

    我想隐藏最前面的应用程序 我知道您可以使用以下语法隐藏进程 tell application System Events set visible of process to false end tell 我知道如何获取最前面的应用程序 pa
  • 如何禁用 select2 中的选项

    我想用 select2 来获取用户的偏好 选择一个选项后 其他 select2 中的选项应禁用 Sample 偏好 1 选项1 选项2 选项3 选项4 偏好 2 选项1 选项2 选项3 选项4 偏好 3 选项1 选项2 选项3 选项4 偏好
  • Python/Windows,防止子进程(外部程序)显示弹出窗口

    Python 2 7 操作系统 Windows 程序始终在 Windows 上运行 因此交叉兼容性不是问题 我被迫使用外部应用程序作为验证过程的一部分 并且在隐藏作为该外部程序的输出的弹出窗口时遇到了麻烦 基本上我这样做 args A pa
  • jQuery:移动窗口视口以显示新切换的元素

    我在文档中有一段 jQuery 代码片段 它可以切换包含 a 的 divtextarea div addnote area hide hide the div a addnote link click function click even
  • Android 隐藏键盘不起作用 - 无法隐藏软键盘

    我正在 Droid Incredible 上进行开发 并且也在 1 5 AVD 模拟器上进行了测试 我的选项卡小部件中的一个选项卡由一个列表视图和一行包含 EditText 和 Send 按钮 用于聊天功能 组成 单击 发送 后 我使用以下
  • 长按 HOME 按钮菜单隐藏 Android 应用程序

    我想从 且仅从 完成后长时间按住 HOME 按钮时出现的菜单中隐藏我的 Android 应用程序 有没有办法做到这一点 以编程方式调用 finish 并不能解决问题 有很多关于从启动器和任务管理器隐藏应用程序的线程 但这不是我想要的 我只是

随机推荐

  • 如何在格式为“0000-00-00T00:00:00+00:00”的字符串上使用 datetime.strptime?

    由于我的应用程序的情况 我更愿意使用datetime strptime代替dateutil parser 看完之后docs https docs python org 3 library datetime html strftime str
  • 将代码添加到 __init__.py

    我正在研究 django 中的模型系统是如何工作的 我注意到一些我不明白的东西 我知道你创建了一个空的 init pyfile 来指定当前目录是一个包 你可以在其中设置一些变量 init py以便 import 正常工作 但是 django
  • C# 从 URL 下载文件

    谁能告诉我如何从该 URL 下载 C 程序中的文件 http www cryptopro ru products cades plugin get 2 0 http www cryptopro ru products cades plugi
  • 事件溯源基础设施实施

    我在我的应用程序中实现了事件源和 CQRS 模式 我的灵感来自于CQRS 旅程 https msdn microsoft com en us library jj554200 aspx我在哪里下载了示例代码 在那里 我找到了事件源的完整基础
  • 如何将数组作为参数传递给 shell 脚本并获取数组

    我将多个参数传递给 shell 脚本 在该脚本中 我想创建一个从第二个参数到最后一个参数的数组 我可以在下面做到这一点 arg 1 shift while 1 do emailID emailID 1 shift done 我想将此 ema
  • OAuth 2 Google API 刷新令牌为空

    我正在开发一个 Asp NET MVC5 应用程序按照这个谷歌示例代码 https developers google com api client library dotnet guide aaa oauth 我希望应用程序经过身份验证并
  • CMB2 可重复组显示

    我正在使用 Custom Metaboxes 2 但无法在前端显示可重复的组值 我有一个带有单个文本字段的可重复组 我用这个作为指导 https github com WebDevStudios CMB2 wiki Field Types
  • 从 MVC Web API 响应中删除 XML 命名空间属性

    我从 MVC Web Api 收到以下响应
  • 两个对象之间的通用深度差异

    我有两个对象 oldObj and newObj 数据在oldObj用于填充表单并且newObj是用户更改此表单中的数据并提交的结果 两个物体都很深 即 它们具有对象或对象数组等属性 它们可以是 n 层深 因此 diff 算法需要递归 现在
  • 移动 std::vector 时是否需要保留容量?

    考虑以下代码 std vector vec vec reserve 500 size t cap vec capacity std vector newVec std move vec assert cap newVec capacity
  • TextField 成为FirstResponder Tab 键(键盘)操作的问题

    我在 XIB 中有一个视图 其中使用了几个文本字段 假设视图加载到窗口中后 第一个文本字段将成为第一响应者 如果我按机器键盘上的 Tab 键导航到下一个文本字段 除了立即文本字段之外 所有其他文本字段也将成为第一响应者 并且为所有文本字段调
  • 采用可选块参数的子例程

    与接受的原型相关的注意事项尽管如此 以下两个设计的子程序是否可以存在于同一包中 即提供一个可选的块参数 例如sort does sub myprint for print n sub myprint my block shift for p
  • 如何最好地合并多个字典中的值?

    我创建了一个函数 它接受字典的多个参数 并返回一个连接的字典 我在网上研究了一段时间关于连接合并字典的内容并测试了有趣的字典 它们都会导致更新值 或覆盖它们 我的用例是传入字典 其中每个键都有一个值 并且想要一个具有相同或不同键的字典 以及
  • 使用 Android 读取 NXP ICODE SLI-L 标签

    我正在尝试在我的 Android 应用程序中读取 NXP 开发的 NFC 标签 可以使用 Android 读取标签 恩智浦应用程序 https play google com store apps details id com nxp ta
  • 如何将共生矩阵转换为稀疏矩阵

    我开始处理稀疏矩阵 所以我对这个主题并不是很精通 我的问题是 我有一个来自单词列表的简单共现矩阵 只是一个二维共现矩阵 逐字计算一个单词在同一上下文中出现的次数 由于语料库不是那么大 因此矩阵非常稀疏 我想将其转换为稀疏矩阵以便能够更好地处
  • 如何将 cordova-crosswalk 应用程序的 x86 和 ARM APK 发布到 Play 商店?

    我的应用程序是使用 Cordova 和 Crosswalk 开发 发布的 Crosswalk 生成一个适用于 ARM cpu 的 apk 和另一个适用于 x86 cpu 的 apk 目前 当我将 ARM apk 上传到 Play 商店 然后
  • SSRS 将多个数据集合并为一张图

    我一直在网上寻找一种在 SSRS 2008 R2 中完全组合数据集的方法 基本上 我需要创建一个由多个不同数据集 所有数据集具有相同的列 如下所示 组成的单个表和图表 这些数据集是从多个 SQL 服务器检索的 防止我将它们组合在单个查询中
  • 仅在 Python 中将 datetime 对象转换为日期字符串

    我看到很多关于将日期字符串转换为datetimePython 中的对象 但我想走另一条路 我有 datetime datetime 2012 2 23 0 0 我想将它转换为字符串 2 23 2012 您可以使用strftime http
  • Xamarin iOS 防止特定视图控制器旋转

    需要防止特定视图控制器上的屏幕旋转我在下面尝试过 public override bool ShouldAutorotateToInterfaceOrientation UIInterfaceOrientation toInterfaceO
  • Select2:动态隐藏某些选项

    基本上我正在寻找的是能够从所选项目的下拉列表中隐藏选项的能力 因此 从技术上讲 它们仍然是选项 但您只是无法单击它们 因为它们是隐藏的 我浏览了文档并发现了与禁用相关的内容 不幸的是我非常特别想要隐藏项目的能力 有人对如何实现这一目标有建议