{{>top title="Basic"}}

	<select name="select" id="select">
		<option value="1">Foo</option>
		<option value="2">Bar</option>
		<option value="3">Baz</option>
		<option value="4">Bad</option>
		<option value="5">Bag</option>
	</select>

	<script>

		var el = $('select');

		el.on('change', function () {
			console.log('original change event');
		});

		el.on('selectdowncreate', function () {
			console.info('create');
			console.info(arguments);
		});

		el.on('selectdownselect', function () {
			console.info('select');
			console.info(arguments);
		});

		el.on('selectdownopen', function () {
			console.info('open');
			console.info(arguments);
		});

		el.on('selectdownclose', function () {
			console.info('close');
			console.info(arguments);
		});

		el.selectdown({
			select: function () {
				console.log('select from options');
				console.log(arguments);
			}
		});

	</script>

{{>bottom}}