Ruby China

新手问题 如何实现两个下拉框之间来回拖动？[已解决]

sixther · 2016年04月12日 · 最后由 raecoo 回复于 2016年04月17日 · 1955 次阅读

hi，各位大大，如图，我想生成两个选择框，然后右边的是待选的列表，左边的是已经选择的列表。 左边的好实现，使用 select 将选择框绑定到 host 的 group_id 字段。

<%= f.select(:group_id, @group_list, {}, {:class => 'form-control',:multiple => true}) %>

然后右边的这个它只是一个提供选择列表的东西，并不需要绑定到任何 method 上，所以 f.select 应该不能实现，那应该使用什么东西实现呢。

然后顺便问一下第二步，点击按钮将右边选择好的元素拖进左边的选择框，实现的思路是什么。

多谢各位大侠。

qinfanpeng #1 2016年04月12日

利用 jQuery UI 的 dragable 特性可以实现，估计得写不少 js 代码才行；

sixther #2 2016年04月17日

#1 楼 @qinfanpeng 多谢大侠，已用 jquery 实现，但还有一个问题，请移步： https://ruby-china.org/topics/29746 移动函数：

function test(from_select,to_select) {
  $('#' + from_select +' option:selected').each(function() {
      var newOption= new Option($(this).text(),$(this).val());
      $(this).remove();
      $("#" + to_select ).append(newOption);
    }
  );
需要 登录 后方可回复, 如果你还没有账号请 注册新账号