jQuery select下拉框单选和多选插件

jQuery select下拉框单选和多选插件-精品资源网
jQuery select下拉框单选和多选插件
此内容为免费资源,请登录后查看
0
免费资源

jQuery select下拉框单选和多选插件

一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。

js代码

<script type=\"text/javascript\" src=\"js/chosen.jquery.js\"></script>
<script type=\"text/javascript\">
	$(\'.form-control-chosen\').chosen({
	  allow_single_deselect: true,
	  width: \'100%\'
	});
	$(\'.form-control-chosen-required\').chosen({
	  allow_single_deselect: false,
	  width: \'100%\'
	});
	$(\'.form-control-chosen-search-threshold-100\').chosen({
	  allow_single_deselect: true,
	  disable_search_threshold: 100,
	  width: \'100%\'
	});
	$(\'.form-control-chosen-optgroup\').chosen({
	  width: \'100%\'
	});

	$(function() {
	  $(\'[title=\"clickable_optgroup\"]\').addClass(\'chosen-container-optgroup-clickable\');
	});
	$(document).on(\'click\', \'[title=\"clickable_optgroup\"] .group-result\', function() {
	  var unselected = $(this).nextUntil(\'.group-result\').not(\'.result-selected\');
	  if(unselected.length) {
		unselected.trigger(\'mouseup\');
	  } else {
		$(this).nextUntil(\'.group-result\').each(function() {
		  $(\'a.search-choice-close[data-option-array-index=\"\' + $(this).data(\'option-array-index\') + \'\"]\').trigger(\'click\');
		});
	  }
	});
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容