由于select标签中的option条数较多，翻页查询比较麻烦，需要对select标签进行优化，解决方法是通过增加模糊查询功能来提高用户体验感。 优化后的界面如下： 在实现这个优化的过程中，参考了两个开源的jQuery插件：comboSelect与select2； select ...

最近需要一个这样的select 在网上找的多是数据一次性获取到再通过前端模糊查询匹配的 这样在数据量比较大的情况下不适合 ,所以参考http://www.jq22.com/jquery-info14548 这个自己写了一份 如图: 可以通过ajax模糊查询分页 以下是demo ...

select2 只针对 元素的text()进行匹配，实际开发过程中可能会存在通过id 或者特殊编码进行 多关键字匹配。 改动了下源码：红色为改动部分。 html 部分在元素上增加2个属性，如果存在多个的场合可以根据情况修改。 做个记录，方便碰到类似情况的朋友 ...

[属性名称] 匹配包含给定属性的元素[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾是这个值[att^=value] 开头是这个值[att1][att2][att3 ...

^=：表示以什么开头$=：表示以什么结尾~=：表示包含什么id：表示按id选择eg: $("[id^=percent]") id以percent开头 $("select[id$='add']") 选择id以add结尾的下拉框 $("input[id^='add']")选择id以add结尾 ...

...

1、下载select2包 地址https://github.com/select2/select2/releases/tag/4.0.10 2、引入<link href="/css/select2.css"rel="stylesheet" /> 3、引入jQuery ...

1、html代码块 需要引入bootstrap的css js jquery bootstrap.css bootstrap-select.min.css jquery-1.11.3.min.js bootstrap.min.js ...