Twitter Bootstrap以g：形式切换按钮值

Question

我有以下问题。我有一个名为Car的域名，另一个名为CarType的域名。现在Car有许多CarTypes，因此在创建新车时你可以添加几种CarTypes。

在我的创建视图中，我想删除Grails为我生成的多项选择。

我想我会让它变得更时尚，所以我使用Twitter Bootstrap css创建了一个按钮组，看起来不错。

现在我把它全部放在一个表单中并替换了默认的多选，我有点困惑，提交切换/选择的按钮值的最佳方式是什么。

我像疯子一样搜索，但并没有找到适合我的解决方案。

有什么想法吗？

Answer 1

您可以做的是保持生成的多选并使用CSS属性隐藏它。然后使用每个按钮单击调用的Javascript函数，在多选中选择单击的项目（使用CarType id）。

// select an item
$("#multiple_select_name option:contains('1')").attr("selected","selected");
// remove a selected item
$("#multiple_select_name option:contains('1')").removeAttr("selected");

这样您就不必更换控制器了。