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

标签：style   blog   http   color   io   使用   ar   strong   for   

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,导入完成如下图:

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

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

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

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

});

效果:

更多功能逐渐探索中….

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

标签：style   blog   http   color   io   使用   ar   strong   for   

原文地址：http://www.cnblogs.com/david-rui/p/3989928.html