Combing jQuery functions

Combining change, mouseup, mousedown, mouseout, keyup and keydown into the one function

by clarusdignus

HTML

<label>Industry:</label>
<select name="industry">
    <option selected="selected"></option>
    <option value="ag">Agriculture</option>
    <option value="co">Corporate</option>
</select>
<input type="text" disabled="disabled" name="industryspecifier"/>

JavaScript

$('select[name=industry]').on('change', function() {
	$('[name=industryspecifier]').val($(':selected',this).val());
});

$('select[name=industry]').on('mouseup', function() {
	$('[name=industryspecifier]').val($(':selected',this).val());
});

$('select[name=industry]').on('mousedown', function() {
	$('[name=industryspecifier]').val($(':selected',this).val());
});

$('select[name=industry]').on('mouseout', function() {
	$('[name=industryspecifier]').val($(':selected',this).val());
});


$('select[name=industry]').on('keydown', function() {
	$('[name=industryspecifier]').val($(':selected',this).val());
});

$('select[name=industry]').on('keydown', function() { $('[name=industryspecifier]').val($(':selected',this).val());
});