求问：可双向迁移项的并排双列表组件名称及Ruby on Rails/jQuery实现方案

算力阿峰

2026-5-20

关于双侧双向迁移列表组件的解答

嘿，你要找的这个组件标准名称通常叫做Dual Listbox（双向列表框），有时候也会被称为双侧多选迁移组件，完全匹配你描述的“两个并排列表、支持列表项双向迁移”的核心需求。

针对你提到的「同时实现列表项筛选及双向迁移」的额外需求，结合Ruby on Rails + jQuery的技术栈，有几个实用的工具可以直接用：

jQuery Dual Listbox：这是一款轻量的jQuery原生插件，自带搜索筛选功能，支持自定义按钮文本、列表样式，还能绑定迁移前后的回调事件。在Rails项目里，你可以直接把插件的JS和CSS文件放到app/assets目录，然后在视图里初始化组件就行，比如：
```
$('#your-select-element').DualListbox({
  filter: true,
  filterPlaceholder: '搜索选项...'
});
```
dual_listbox-rails：这是专门为Rails封装的gem，把上面的jQuery Dual Listbox集成到了Rails的Asset Pipeline里，不用手动复制文件，直接在Gemfile里添加后执行bundle install，就能在视图里直接调用初始化代码，非常方便Rails项目快速集成。
Select2 双向扩展：如果你已经在项目里用了Select2（一款流行的jQuery下拉增强插件），可以借助它的扩展实现双向列表功能，自带的搜索筛选体验很好，样式也能和现有项目统一。你可以通过自定义配置把两个Select2组件关联起来，实现项的双向迁移。