jquery.multi-select.js操作

最新推荐文章于 2021-08-23 12:48:07 发布

混进IT圈

最新推荐文章于 2021-08-23 12:48:07 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： multiSelect

本文链接：https://blog.youkuaiyun.com/lihaiming_2008/article/details/84696199

前端专栏收录该内容

69 篇文章

订阅专栏

本文介绍了如何使用jQuery实现一个多选框组件的功能，包括选择、取消选择和存储已选择项到数组的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


       $('#searchCity').multiSelect({
//            selectableOptgroup: true,//Click on optgroup will select all nested options when set to true.
//            keepOrder: true,
            afterSelect: function(values){
            	console.log("values:"+values.toString());
            	$.each(values,function(i,v){
            		if($.inArray(v,selectItem)<=-1){
            			selectItem.push(v);
            		}
            	});
            	console.log("afterSelect:"+selectItem.toString());
              },
          afterDeselect: function(values){
        	  selectItem.splice($.inArray(values,selectItem),1);
          }
        });

//最简单的使用方法
$('#searchCity').multiSelect(）;

//更多内容请看附件，附件中附有网页demo