基于Jquery的下拉列表控件(个人觉得实用)

 

Selectize.js

基于Jquery的下拉列表控件(个人觉得实用)_第1张图片

Selectize 是一个基于 jQuery class = "basic" >

    
    
    
    
    
    
 
$( '.basic' ).fancySelect();

插件下载      在线演示 

 

Chosen

基于Jquery的下拉列表控件(个人觉得实用)_第3张图片

Chosen 是最流行的 jQuery 选择功能插件,也是我最喜欢,最好用的一个!

Chosen 可以帮助你轻松构建用户友好的漂亮选择功能,可以把多选转换为基于标签的输入域。

特色功能:

  •  用户友好的下拉选择功能,支持搜索;
  • 基于标签的多项选择功能;
  • 支持设置选中和无效选项;
  • 支持修改和更新事件;

使用示例:

隐藏搜索的单选功能

?
1
$( ".chosen-select" ).chosen({disable_search_threshold: 10});

设置多选的最大选择数

?
1
$( ".chosen-select" ).chosen({max_selected_options: 5});

监听更新事件

?
1
$( "#form_field" ).chosen().change( … );

手动触发更新

?
1
$( "#form_field" ).trigger( "chosen:updated" ); 

自定义宽度

?
1
$( ".chosen-select" ).chosen({width: "95%" });

插件下载      在线演示 

 

DropKick

基于Jquery的下拉列表控件(个人觉得实用)_第4张图片

DropKick 可以帮助你把已有的烦人的  "e1" >

        
         ...
        
    

插件下载      在线演示