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

  

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

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

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

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

});

效果:

更多功能逐渐探索中….

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。