首页 > 代码库 > jquery插件-select2(美化及增强普通select)

jquery插件-select2(美化及增强普通select)

1.select2介绍

官网:   http://ivaynberg.github.io/select2/

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

select2是基于jquery的select插件,它支持搜索本地及远程数据集,实现无限滚动结果.

2. 使用

     2-1:引入select2.js,select2.css,及中文语言包(select2_locale_zh-CN.js), 剩下就是select2.png,select2-spinner.gif,导入完成如下图:

image

  

2-2使用: 最简单的入门案列:

<select id="select_country">    <option>China</option>    <option>American</option></select>

使用select2优化这个普通的select,语法很简单,   

$("#select_country").select2({        width:150 });

效果:

image

更多功能逐渐探索中….

jquery插件-select2(美化及增强普通select)