首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在删除选定项目时(使用退格键),下拉列表仅在select2 rails中显示已删除的项目

在删除选定项目时(使用退格键),下拉列表仅在select2 rails中显示已删除的项目。

在select2 rails中,下拉列表是通过使用select2插件来实现的。当我们在下拉列表中使用退格键删除选定的项目时,希望下拉列表仅显示已删除的项目。要实现这个功能,我们可以借助select2插件的事件和方法来实现。

首先,在页面加载时,我们需要初始化select2插件,并设置相应的参数。下面是一个示例代码:

代码语言:txt
复制
$(document).ready(function() {
  $('.select2').select2({
    // 设置其他参数
  });
});

接下来,我们需要监听select2插件的change事件,当选中的项目改变时,触发相应的回调函数。在这个回调函数中,我们可以获取当前选中的项目,并将其标记为已删除。示例如下:

代码语言:txt
复制
$(document).ready(function() {
  $('.select2').select2({
    // 设置其他参数
  });

  $('.select2').on('change', function() {
    var selectedItems = $(this).val(); // 获取选中的项目
    var deletedItems = []; // 存储已删除的项目

    // 遍历当前选中的项目,将其添加到已删除的项目数组中
    $.each(selectedItems, function(index, item) {
      if (item === null) {
        deletedItems.push(item);
      }
    });

    // 更新select2插件的数据源,仅显示已删除的项目
    $(this).empty().select2({
      data: deletedItems
    });
  });
});

在上述代码中,我们通过监听change事件获取当前选中的项目。然后,我们遍历选中的项目,将已删除的项目添加到deletedItems数组中。最后,我们使用更新后的数据源重新初始化select2插件,仅显示已删除的项目。

这样,当我们在select2 rails中使用退格键删除选定的项目时,下拉列表会自动更新,仅显示已删除的项目。

关于select2 rails的更多信息,您可以查看腾讯云的相关产品介绍:select2

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Windows10键盘快捷方式

显示和隐藏桌面 F2 重命名选定项 F3 文件资源管理器搜索文件或文件夹 F4 文件资源管理器显示地址栏列表 F5 刷新活动窗口 F6 循环浏览窗口中或桌面上屏幕元素 F10 激活活动应用中的菜单栏...(可全屏显示并允许你同时打开多个文档应用) Ctrl + A 选择文档或窗口中所有项目 Ctrl + D(或 Delete) 删除所选项目,将其移至回收站 Ctrl + R(或 F5) 刷新活动窗口...Cortana 仅在某些国家/地区可用,并且某些 Cortana 功能可能无法随时随地使用。如果 Cortana 不可用或关闭,你仍然可以使用搜索。...Cortana 仅在某些国家/地区可用,并且某些 Cortana 功能可能无法随时随地使用。如果 Cortana 不可用或关闭,你仍然可以使用搜索。...对话框键盘快捷方式 按键 操作 F4 显示活动列表项目 Ctrl + Tab 选项卡向前移动 Ctrl + Shift + Tab 选项卡向后移动 Ctrl + 数字(数字 1–9) 移动到第

4.5K20

基于MetronicBootstrap开发框架经验总结(3)--下拉列表Select2插件使用

我们整个框架里面,用到了很多Select2控件来处理内容显示,包括单选下拉列表(包括级联选择框)、复选下拉列表、树形下拉列表等方式,界面效果如下所示。...但我们选择其中内容时候,系统自动显示出没有选择列表数据,非常直观友好,如下所示。 ? 3)树形列表下拉列表 有时候,我们一些数据可能有层次关系,如所属机构、上层列表等等。 ? ?...2、Select2控件实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是常规select控件上,设置一下即可(设置它class为select2)。...4)select2控件赋值处理 上面介绍方法,都是介绍select2控件初始化,绑定相关数据,那么如果初始化界面后,我们绑定编辑界面的值时候,就需要赋值给控件,让它显示真正需要显示项目了。...); 多个列表项目数据绑定。

4.2K90
  • Win10 快捷大全(史上最全)「建议收藏」

    显示和隐藏桌面 F2 重命名选定项 F3 文件资源管理器搜索文件或文件夹 F4 文件资源管理器显示地址栏列表 F5 刷新活动窗口 F6 在窗口中或桌面上循环浏览屏幕元素 F10 激活活动应用中的菜单栏...Alt + F8 登录屏幕上显示密码 Alt + Esc 以项目打开顺序循环切换项目 Alt + 带下划线字母 执行该字母对应命令 Alt + Enter 显示选定属性 Alt + 空格...Ctrl + Shift 提供了多个键盘布局切换键盘布局 Ctrl + 空格 打开或关闭中文输入法编辑器 (IME) Shift + F10 显示选定快捷菜单 Shift 加任意箭头 在窗口中或桌面上选择多个项目...按此键 执行此操作 空格“集锦”) 选择项目并进入选择模式 Enter(从选择模式) 处于选择模式下选择项目 空格(查看照片) 显示或隐藏命令 空格(查看视频) 播放或暂停视频 箭头(...(“相册”视图中) 删除相册 Ctrl + D 将选定项添加到相册 Ctrl + U 从相册删除选定项 “写字板”键盘快捷方式 按此键 执行此操作 F3 “查找”对话框搜索文本下一个实例

    16.6K30

    常用快捷大全

    TAB 移动到下一个选项或选项组 SHIFT+TAB 移动到前一个选项或选项组 箭头键盘 活动下拉列表选项之间移动,或者选项组选项之间移动...空格 执行活动按钮(虚点线围绕按钮)操作,或者选定或清除当前复选框 ALT+字母 选定选项,或者选定或清除复选框 ALT+下箭头 打开选定下拉列表框...ESC 关闭选定下拉列表框 ESC 取消命令或关闭对话框 6.4.文本框快捷 HOME 移动到内容开始 END 移动到内容最后...) 激活超链接 Ctrl+;(分号) 输入日期 Ctrl+Shift+ (冒号) 输入时间 Alt+向下键 显示清单的当前列数值下拉列表...Esc 取消单元格或编辑栏输入 Shift+F3 公式显示“插入函数”对话框 Ctrl+A 当插入点位于公式公式名称右侧显示“函数参数

    4.3K10

    select2 使用教程(简)「建议收藏」

    我们整个框架里面,用到了很多Select2控件来处理内容显示,包括单选下拉列表(包括级联选择框)、复选下拉列表、树形下拉列表等方式,界面效果如下所示。...2)编辑界面下多项选择下拉列表 但我们选择其中内容时候,系统自动显示出没有选择列表数据,非常直观友好,如下所示。...2、Select2控件实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是常规select控件上,设置一下即可(设置它class为select2)。...4)select2控件赋值处理 上面介绍方法,都是介绍select2控件初始化,绑定相关数据,那么如果初始化界面后,我们绑定编辑界面的值时候,就需要赋值给控件,让它显示真正需要显示项目了。...); 多个列表项目数据绑定。

    23.1K20

    visual studio运行程序快捷_visual studio快捷方式在哪

    (*)显示所选文件夹所有子文件夹 向左键当前所选项处于展开状态折叠该项,或选定其父文件夹 向右键当前所选项处于折叠状态展开该项,或选定第一个子文件夹 自然键盘使用命令 【窗口】显示或隐藏“开始...画椭圆同里按住Shift 绘制圆 六、Excel 快捷 6.1.菜单快捷 SHIFT+F10 显示快捷菜单 F10 或ALT 激活菜单栏 ALT+空格 显示程序图标菜单(程序标题栏...移动到下一个选项或选项组 SHIFT+TAB 移动到前一个选项或选项组 箭头键盘 活动下拉列表选项之间移动,或者选项组选项之间移动 空格 执行活动按钮(虚点线围绕按钮)操作,或者选定或清除当前复选框...ALT+字母 选定选项,或者选定或清除复选框 ALT+下箭头 打开选定下拉列表框 ESC 关闭选定下拉列表框 ESC 取消命令或关闭对话框 6.4.文本框快捷 HOME 移动到内容开始...包) Ctrl+Shift+R 搜索工程文件 Ctrl+E 快速显示当前Editer下拉列表(如果当前页面没有显示用黑体表示) F4 打开类型层次结构 F3 跳转到声明处 Alt+←

    4.8K10

    使用管理门户SQL接口(二)

    这将显示可用名称空间列表,可以从中进行选择。 应用筛选器或从模式下拉列表中选择模式。 可以使用Filter字段通过输入搜索模式来筛选列表。...可选地,使用下拉“应用到”列表来指定要列出项目类别:表、视图、过程、缓存查询,或以上所有。 默认为All。 “应用到”下拉列表中指定任何类别都受到筛选器或模式限制。...“应用到”没有指定类别继续名称空间中列出该类别类型所有项。 可选地,单击System复选框以包含系统项目(名称以%开头项目)。 默认情况下不包含系统项。...展开类别的列表,列出指定架构或指定筛选器搜索模式项。 展开列表,不包含项任何类别都不会展开。 单击展开列表项,SQL界面的右侧显示其目录详细信息。...如果有一个显式分片,它会显示分片字段。 类名是Intersystems类参考文档相应条目的链接。类名是通过删除标点字符,如标识符和类实体名称中所述从表名派生唯一包。

    5.2K10

    VS Code(​终端)

    可以通过单击TERMINAL面板右上角加号图标或触发Ctrl + Shift +`命令来添加终端实例。此操作将在下拉列表创建另一个条目,可用于它们之间进行切换。...强制绑定通过终端 当焦点集中集成终端,由于击键被传递到终端本身并由终端自身使用,因此许多绑定将不起作用。...通过将命令名称添加到列表,可以将命令添加到此列表,而通过将命令名称添加到前缀为列表,可以删除命令-。...下面的示例显示使用此功能可以实现功能,它会跳过光标左侧单词(Ctrl +向左键)并按退格: { "key": "ctrl+u", "command": "workbench.action.terminal.sendSequence...新名称将显示终端选择下拉列表特定文件夹打开 默认情况下,终端将在资源管理器打开文件夹打开。

    3.5K20

    Windows键盘快捷方式大全

    徽标 + D 显示和隐藏桌面 F2 重命名选定项 F3 文件资源管理器搜索文件或文件夹 F4 文件资源管理器显示地址栏列表 F5 刷新活动窗口 F6 在窗口中或桌面上循环浏览屏幕元素 F10...+ F4 关闭活动文档(全屏模式和允许你同时打开多个文档应用) Ctrl + A 选择文档或窗口中所有项目 Ctrl + D(或 Delete) 删除选定项并将其移动到“回收站” Ctrl +...显示选定快捷菜单 Shift 加任意箭头 在窗口中或桌面上选择多个项目,或者文档中选择文本 Shift + Delete 无需先将选定项移动到“回收站”,直接将其删除 向右键 打开右侧下一个菜单...对话框键盘快捷方式 按此键 执行此操作 F4 显示活动列表项目 Ctrl + Tab 选项卡上向前移动 Ctrl + Shift + Tab 选项卡上向后移动 Ctrl + 数字(数字 1 到...加号 (+) 或减号 (-) 使用“放大镜”放大或缩小 Windows 徽标 + Esc 退出放大镜 对话框键盘快捷方式 按此键 执行此操作 F1 显示帮助 F4 显示活动列表项目 Ctrl

    5.6K20

    最全Excel 快捷总结,告别鼠标!

    拆分(通过依次单击“视图”菜单、“管理此窗口”、“冻结窗格”、“拆分窗口”命令来进行拆分)工作表,在窗格和功能区区域之间切换,按 F6 可包括拆分窗格。...使用箭头移动窗口,并在完成按 Enter,或按 Esc 取消。 F8 F8 :打开或关闭扩展模式。扩展模式,“扩展选定区域”将出现在状态行,并且按箭头可扩展选定范围。...Ctrl+Z使用“撤消”命令来撤消上一个命令或删除最后键入内容。 其他快捷 Alt功能区上显示“按键提示” 箭头 工作表中上移、下移、左移或右移一个单元格。...在对话框,按箭头可在打开下拉列表各个选项之间移动,或在一组选项各个选项之间移动。 按向下键或 Alt+向下键可打开选定下拉列表。 Tab 工作表向右移动一个单元格。...Delete 从选定单元格删除单元格内容(数据和公式),而不会影响单元格格式或批注。 单元格编辑模式下,按该将会删除插入点右边字符。 Backspace 在编辑栏删除左边一个字符。

    7.3K60

    ui-select官方教程(二)——ui-select指令

    ui-select指令 ui-select指令和事件 属性 选项 描述 值 默认值 multiple 多选,直接加上multiple属性 close-on-select 多选情况下,选中一项,就关闭下拉项...boolean true append-to-body 多选情况下,选中项追加显示 boolean false ng-disabled 控件被禁用 boolean true ng-model 控件绑定对象...') String undefined limit 限制多选择模式选择项目数 integer undefined 事件 事件名 描述 例子 on-remove 当项被删除发生 on-remove=..."someFunction($item, $model)" on-select 当项被选中发生 on-select="someFunction($item, $model)" 全局配置 你可以使用全局配置来配置你...app',['ui.select']); app.config(function(uiSelectConfig) {uiSelectConfig.theme = 'bootstrap'; }); 或者标签属性设置

    2.6K10

    Pycharm最常用快捷使用技巧

    要在打开窗口中打开项目,请在“文件”菜单上选择“打开”,然后“打开项目”对话框中选择“在当前窗口中打开”选项,然后选中“添加到当前打开项目”复选框。...选择要导航到元素,然后按Enter或F4。 要轻松找到列表项目,只需输入名称即可。 3.9:您可以轻松地重命名您本地变量,并自动更正所有使用它们地方。...3.10:使用代码完成,您可以使用Tab弹出列表接受当前突出显示选择。 与使用Enter接受不同,选定名称将覆盖脱字符右侧其余名称。 这对于用另一个替换一个方法或变量名是特别有用。...3.30:为了帮助您了解主菜单每个项目的用途,将鼠标指针放在该项目,其简短说明会显示应用程序框架底部状态栏。...3.31:要快速打开编辑器任何特定方法或字段,请按Ctrl + Alt + Shift + N(导航|符号)并开始输入其名称。 从显示下拉列表中选择符号。

    2.8K20

    用 Git 和 Github 提高效率 10 个技巧

    例如:链接,https://github.com/rails/rails/compare/master@{1.day.ago}…master显示Rails项目中全部昨天开始提交记录和变化: ?...例如:链接https://github.com/rails/rails/compare/master@{1.day.ago}…master.patch显示Rails项目中全部昨天开始提交记录和变化文本格式...关注用户 合并请求、问题或者任何评论中提到用户会使用户关注全部后续通知: ? 自动链接 合并请求、问题、或者任何评论,sha和问题码(例如:#1)会被自动链接。...git branch –merged & git branch –no-merged 这个命令返回合并分支列表或未合并分支列表。这个命令对合并前检查非常有用。...git status -s 返回一个简单版git status。我设置这个命令为默认git status来减少噪音。 git reflog 显示本地已完成操作列表

    1.4K20

    DarkLabel:支持检测、跟踪、ReID数据集标注软件

    Label + id显示屏幕上,但在内部,标签和ID分开。...使用跟踪,下一帧上原始框消失 tracker1和tracker2不同场景下各有利弊,可以都试试。...图像列表工作使用帧号(frame#)格式,按文件名排序时图像顺序将变为帧号(对于诸如00000.jpg,00002.jpg等列表很有用) 保存设置:保存当前选择数据格式和选项(运行程序时自动还原...) 3.7 数据格式(语法) |:换行 []:重复短语 frame#:帧号(视频帧号,图像列表图像顺序) iname:图像文件名(仅在使用图像列表时有效) 标签:标签 id:对象唯一ID n:图像上设置边界矩形数量...-vcodec copy表示使用跟原视频一样视频编解码器。 -acodec copy表示使用跟原视频一样音频编解码器。 -i 表示源视频文件 -y 表示如果输出文件存在则覆盖。

    5.5K40

    提高效率 |ArcGIS Pro 中所有快捷一网打尽

    注: 这是 ArcGIS Pro 可用键盘快捷完整列表,并且每个软件版本中都会更新。...右箭头或左箭头 功能区或窗格从一个选项卡移至另一选项卡。 Tab 或 Shift+Tab 功能区、窗格、视图或对话框上命令或项目之间移动。 上箭头或下箭头 列表元素之间移动。...Alt + 下箭头 打开下拉菜单或下拉列表。 Esc 关闭下拉菜单或下拉列表。 Enter 或空格 执行命令。...这仅在启用立体模式可用。 Ctrl+G 移动指针 z 值。 将指针 z 值移动到所选折点高程。这仅在启用立体模式可用。...删除 删除观察点及所有关联目标。 选定了目标的视线 选定了目标视线键盘快捷 键盘快捷 操作 Ctrl + 上箭头 将目标移动至远离照相机位置。

    1.1K20

    windows10切换快捷_Word快捷大全

    F2 重命名选定项 F3 文件资源管理器搜索文件或文件夹 F4 文件资源管理器显示地址栏列表 F5 刷新活动窗口 F6 在窗口中或桌面上循环浏览屏幕元素 F10 激活活动应用中的菜单栏 Alt...Ctrl + Shift 提供了多个键盘布局切换键盘布局 Ctrl + 空格 打开或关闭中文输入法编辑器 (IME) Shift + F10 显示选定快捷菜单 Shift 加任意箭头 在窗口中或桌面上选择多个项目...对话框快捷 快捷 功能 F4 显示活动列表项目 Ctrl + Tab 选项卡上向前移动 Ctrl + Shift + Tab 选项卡上向后移动 Ctrl + 数字(数字 1 到 9) 移动到第...功能 空格“集锦”) 选择项目并进入选择模式 Enter(从选择模式) 处于选择模式下选择项目 空格(查看照片) 显示或隐藏命令 空格(查看视频) 播放或暂停视频 箭头集锦)...Ctrl + D 将选定项添加到相册 Ctrl + U 从相册删除选定项 《写字板》快捷 快捷 功能 F3 “查找”对话框搜索文本下一个实例 F12 将此文档另存为新文件 Ctrl +

    5.3K10

    关于 Git 和 GitHub,你所不知道十件事

    在任意 GitHub 页面,按 ? 展示当前页面可用快捷: ? 2、忽略空格: ?w=1 在任意 diff URL 添加 ?w=1 用来整理缩进: ?...例如:链接,https://github.com/rails/rails/compare/master@{1.day.ago}…master 显示 Rails 项目中全部昨天开始提交记录和变化: ?...例如:链接 https://github.com/rails/rails/compare/master@{1.day.ago}…master.patch 显示 Rails 项目中全部昨天开始提交记录和变化文本格式...8、关注用户 合并请求、问题或者任何评论中提到用户会使用户关注全部后续通知: ? 9、自动链接 合并请求、问题、或者任何评论,sha 和问题码 (例如:#1) 会被自动链接。...6、git branch –merged & git branch –no-merged 这个命令返回合并分支列表或未合并分支列表。这个命令对合并前检查非常有用。

    1K20

    用 Git 和 Github 提高效率 10 个技巧!

    例如:链接,https://github.com/rails/rails/compare/master@{1.day.ago}…master 显示 Rails 项目中全部昨天开始提交记录和变化: 4、...例如:链接 https://github.com/rails/rails/compare/master@{1.day.ago}…master.patch 显示Rails项目中全部昨天开始提交记录和变化文本格式...如果你要给你队友分享一段代码是非常方便: 8、关注用户 合并请求、问题或者任何评论中提到用户会使用户关注全部后续通知: 9、自动链接 合并请求、问题、或者任何评论,sha和问题码(例如:#1...6、git branch –merged & git branch –no-merged Git操作常用命令都在这里了,点击这里查看。这个命令返回合并分支列表或未合并分支列表。...8、git status -s 返回一个简单版 git status。我设置这个命令为默认 git status 来减少噪音。 9、git reflog 显示本地已完成操作列表

    1.1K20

    用 Git 和 Github 提高效率 10 个技巧!

    在任意 GitHub 页面,按 ? 展示当前页面可用快捷: ? 2、忽略空格: ?w=1 在任意 diff URL 添加 ?w=1 用来整理缩进: ?...例如:链接,https://github.com/rails/rails/compare/master@{1.day.ago}…master 显示 Rails 项目中全部昨天开始提交记录和变化: ?...例如:链接 https://github.com/rails/rails/compare/master@{1.day.ago}…master.patch 显示Rails项目中全部昨天开始提交记录和变化文本格式...8、关注用户 合并请求、问题或者任何评论中提到用户会使用户关注全部后续通知: ? 9、自动链接 合并请求、问题、或者任何评论,sha和问题码(例如:#1)会被自动链接。...6、git branch –merged & git branch –no-merged 这个命令返回合并分支列表或未合并分支列表。这个命令对合并前检查非常有用。

    1.1K10
    领券