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 });

效果:

更多功能逐漸探索中….