jQuery select drop-down box radio and multi-select plug-in
jQuery select drop-down box radio and multi-select plug-in
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> All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
jQuery custom multi-select drop-down box effect implementation method
06 Jan 2018
In the project, you need to customize a drop-down box multi-select plug-in. For business problems, it is better to implement it yourself. This article mainly introduces the jQuery custom multi-select drop-down box effect in detail. It has certain reference value. Interested friends can refer to it. I hope it can help everyone.
29 Jul 2016
php, drop-down box: php implements three-level cascading drop-down box: This is the information I found on the Internet about php implementing three-level cascading drop-down box. I would like to share it with everyone so that we can make progress together. The specific content is as follows index.php:Ajax linkage Menu<script language="javascript" type="text/j
16 May 2016
I wanted to find a plug-in on the Internet, but the plug-ins on the Internet seemed quite messy. I referred to some plug-ins on the Internet and wrote a multi-select drop-down box using jquery.
vue switches the select drop-down box and clears the multi-select box
24 May 2023
In the process of developing front-end business using the Vue framework, we often encounter multi-level linkage drop-down boxes. At this time, we will use the select element to implement it. However, in multi-level linkage scenarios, we sometimes need to clear the options in the multi-select box when the drop-down box options change, so that the user can re-select the relevant options. This article will introduce how to implement the function of clearing the options in the multi-select box when the drop-down box options change in Vue. 1. Requirements Analysis In actual projects, we often encounter multi-level linkage business requirements. For example, we need to select countries, provinces, and cities.
Jquery multi-select drop-down list plug-in jquery multiselect function introduction and use_jquery
16 May 2016
It supports clicking the label to realize checkbox group selection, header options, such as select all/cancel all selection/close function, supports keyboard selection, etc. Let me share with you the specific use.
16 May 2016
This article mainly introduces jQuery's operation of drop-down boxes, radio button boxes, and multi-select boxes. Friends who need it can come and refer to it. I hope it will be helpful to everyone.
jQuery uses the Selectator plug-in to implement a multi-select drop-down list filter box (with source code download)_jquery
16 May 2016
Selectator is a jQuery drop-down list box plug-in that implements multi-selection and search filtering functions. The following will introduce to you how jQuery uses the Selectator plug-in to implement a multi-select drop-down list filter box. Friends who need it can learn together.
16 May 2016
There is a drop-down box with id=test, how to get the selected value? This article will use the native JavaScript method and the jquery method (provided that the jquery library has been loaded) to simply implement it.
jQuery plug-in implements left and right selection of select drop-down box_exchange content (multiselect2side)
08 Aug 2016
:This article mainly introduces the jQuery plug-in to implement the left and right selection_exchange content of the select drop-down box (multiselect2side). Students who are interested in PHP tutorials can refer to it.
Hot Tools
jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects
A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.
layui responsive animated login interface template
layui responsive animated login interface template
520 Valentine's Day confession web animation special effects
jQuery Valentine's Day Confession Animation, 520 Confession Background Animation
Cool system login page
Cool system login page
HTML5 tape music player-CASSETTE PLAYER
HTML5 tape music player-CASSETTE PLAYER