jquery select2()的用法

easonjiven 发布于 2015/09/02 10:30
阅读 15K+
收藏 0

用jquery的select2()插件写了一个自动补全的搜索框,jquery版本是:1.10.2 select2()版本是3.5.4

部分代码如下:只要加上ajax属性就报:Uncaught Error: Option 'ajax' is not allowed for Select2 when attached to a <select> element

不知道问题出在哪了,是版本不兼容吗?


<%= javascript_include_tag "select2.min.js" %>
<%= stylesheet_link_tag "select2.css" %>

<select class="sender_user_search">
      <option>AAAA</option>
      <option>BBBB</option>
</select>
$(function(){

  $(".sender_user_search").select2({

    placeholder: "发送者",
    ajax: {
      // url: "users/search_user",
      // dataType: "json"
      // data: function(params){
      // }
    }
  });
});

加载中
0
yttsic
yttsic

把select标签换成div就行了。

它官方例子给错了,反正改成div就行了。至少可以搜索了,至于提交再想办法吧。

0
推荐方案
推荐方案

试试简单有强大的方法吧:

实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识,
如果数据量大,还需要特殊优化
一个小功能,花费太大精力很不划算
92find.com上的一个js插件实现了搜索框自动补全托管服务,
只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能
比如:汉字拼音匹配、拼音前缀匹配、模糊搜索、智能容错,还可以自定义提示词汇及其排序权重
花五分钟我的网站就可以部署同百度、淘宝一样强大好用的输入提示功能
同时兼容IE、Firefox、Safari、Chrome、Opera各种浏览器
兼容ios、Android、Windows

返回顶部
顶部