准备资料
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 就搞定了,这样这个选择框就带有了搜索功能