jquery - Twitter Bootstrap 在 g:form 中切换按钮值

Question

我有以下问题。我有一个名为 Car 的域，另一个名为 CarType。现在 Car 有很多 CarTypes，所以在创建新 Car 时，您可以添加多个 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");

这样您就不必更改控制器。