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

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

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

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

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

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

多谢各位大侠。

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

#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);
    }
  );
需要 登录 后方可回复, 如果你还没有账号请 注册新账号