Multiple Select Widget with Mootools

Example:

Select one or more countries

Austria Czech France Germany Italy Spain Switzerland

Download:

Zipped

multiple_select.zip

or stay at the latest version via github

http://github.com/michael/multiple_select/

Installation:

Add the library references

<script type="text/javascript" src="javascripts/mootools.v1.11.js"/>
<script type="text/javascript" src="javascripts/multiple_select.js"/>

Define your selectbox having the multiple attribute set

<select name="countries" class="multiple_select" multiple="multiple">
	<option value="1" selected="selected">Austria</option>
	<option value="2">Czech</option>
	<option value="3">France</option>
	<option value="4">Germany</option>
	<option value="7">Italy</option>
	<option value="5">Spain</option>
	<option value="6">Switzerland</option>
</select>

Create the MultipleSelect instances

<script language="javascript">
	$$('.multiple_select').each(function(el){
		new MultipleSelect(el);
	});
</script>

---

wollzelle | Michael Aufreiter | based on comboBoo by Bruno Torrinha