[Ruby On Rails] gem select2 的简单使用

准备资料

官方地址

select2 是用来增强 select标签功能的

如图：



这是一个带有AJAX功能的select,只要输入内容，这个选择框就会筛选出相关的内容

下面讲的是用最简单的方法来实现一个 select选择功能吧

首先rails有有个helper方法 select_to ,是这样使用的

<div class="select">
<%= f.label "选择:",class: 'col-sm-2 control-label' %>
<%= select_tag :role, options_for_select(@roles,@user.role),class: "js-example-basic-single form-control" %>
</div>

其中 :role 可以在提交的时候 生成一个 params[:role]

即在控制器中我们可以通过 params[:role] 来获取当前选定的值

接下来就是给这个选择框添加一个搜索功能

<script type="text/javascript">
$(function(){
$(".js-example-basic-single").select2();
});
</script>

只需要一个JS 就搞定了，这样这个选择框就带有了搜索功能