jDoubleSelect plugin: documentation and demo page
Demo 1 - Two selects from one with optgroups
Selct with an optgroup disable
Click here to see how jDoubleSelect() change the select below
Click here to unbind jDoubleSelect()
Select option:
In this page you see 2 select with optgroups (modified by jDoubleSelect) in action!
This is the javascript code to launch jDoubleSelect to all select:
$().ready(function() {
$('select').jDoubleSelect();
});
Demo 2 - Two selects from one with optgroups
This select has more than 100 optgroups and 8000 options but is very very fast
Click here to see how jDoubleSelect() change the select below
Click here to unbind jDoubleSelect()
Select the province:
Documentation
To use this jquery plugin:
- download jquery.jDoubleSelect.js and images files
- download last version of jquery.js
-
include the js in the head section of the page:
<head>
...
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery.jDoubleSelect.js" ></script>
...
</head>
-
in the read function launch the jDoubleSelect (two selects from one with optgroups) relative at your element:
<script type="text/javascript">
$().ready(function() {
$("select").jDoubleSelect();
});
</script>
For comments
see the blog page.
Download
You can download the entire archive:
Or single file:
Release
- 0.3 - Avr 3 2010 - Bugs correct (very thanks to Izikd)
- 0.2 - Mar 17 2010 - New option {text: 'text'}
- 0.1 - Mar 11 2010 - Now faster (especially on Firefox)
- 0.0 - Mar 9 2010 - First release of jDoubleSelect (Two selects from one with optgroups)
License
Dual licensed under the MIT and GPL licenses.
