首页 JS特效 jQuery特效 jQuery select下拉框单选和多选插件

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

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

jQuery 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>
免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性!本站所有资源仅供学习参考。请不要将它们用于商业目的。否则,一切后果由您负责!如有侵权,请联系我们删除。联系方式:admin@php.cn

相关文章

PHP表单处理:多选框、单选框和下拉列表使用技巧 PHP表单处理:多选框、单选框和下拉列表使用技巧

07 Aug 2023

PHP表单处理:多选框、单选框和下拉列表使用技巧在Web开发中,表单是用户与网站进行交互的重要方式之一。而表单中的多选框、单选框和下拉列表则是常见的一些用户输入选项。本文将介绍如何使用PHP处理这些表单元素,并给出相应的代码示例。多选框多选框允许用户选择多个选项。在HTML中,可以使用&lt;inputtype="checkbox"&g

HTML、CSS和jQuery:制作一个带有复选框的多选下拉菜单 HTML、CSS和jQuery:制作一个带有复选框的多选下拉菜单

27 Oct 2023

HTML、CSS和jQuery:制作一个带有复选框的多选下拉菜单随着互联网的不断发展,网页设计和交互体验变得越来越重要。在过去,使用鼠标点击进行选择是常见的交互方式,然而,随着用户需求的多样化,我们需要更加灵活和智能的交互方式。本文将介绍如何使用HTML、CSS和jQuery制作一个带有复选框的多选下拉菜单。首先,我们需要创建一个基本的HTML结构,包含一个

如何使用 HTML 和 CSS 中的复选框创建多选下拉菜单? 如何使用 HTML 和 CSS 中的复选框创建多选下拉菜单?

11 Nov 2024

如何将复选框集成到下拉菜单中创建多选下拉列表使用户可以方便地选择多个选项......

jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)_jquery jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)_jquery

16 May 2016

Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件。下文给大家介绍jQuery使用Selectator插件实现多选下拉列表过滤框,需要的朋友一起学习吧

如何使用 HTML、CSS 和 JavaScript 中的复选框创建自定义多重选择下拉清单? 如何使用 HTML、CSS 和 JavaScript 中的复选框创建自定义多重选择下拉清单?

17 Nov 2024

创建多选下拉列表创建下拉列表时,通常希望允许用户选择多个选项......

select多选下拉框的值通过jquery ajax 传值给其他php页面,老是传不过去,求帮助 select多选下拉框的值通过jquery ajax 传值给其他php页面,老是传不过去,求帮助

02 Jun 2016

> 请大大们来帮我看看。 接收传值的页面:

HTML5超逼真下雪场景效果 HTML5超逼真下雪场景效果

18 Jan 2017

这是一款基于jquery的超逼真下雪场景特效。该特效使用jquery代码来动态插件html5 canvas元素,然后在canvas中制作下雪特效。

jQuery和CSS3超炫汉堡包变形动画特效 jQuery和CSS3超炫汉堡包变形动画特效

18 Jan 2017

这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件,并通过CSS3 transform和animation来制作动画特效。

jquery打字特效停止回删 jquery打字特效停止回删

23 May 2023

随着互联网的普及,打字特效的应用越来越广泛,jquery打字特效也成为了许多网站开发人员的首选。然而,在实现这种特效的过程中,细节问题经常会影响用户体验,比如打字特效的回删问题。本文将介绍如何利用jquery打字特效停止回删,提高用户的浏览体验。jquery打字特效的实现可以使用现成的插件,如typed.js和jQuery.Typewriter等。这些插件都是基于jquery的

See all articles See all articles

Hot Tools

jQuery2019情人节表白放烟花动画特效

jQuery2019情人节表白放烟花动画特效

一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。

layui响应式动画登录界面模板

layui响应式动画登录界面模板

layui响应式动画登录界面模板

520情人节表白网页动画特效

520情人节表白网页动画特效

jQuery情人节表白动画、520表白背景动画

炫酷的系统登录页

炫酷的系统登录页

炫酷的系统登录页

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER