http://stackoverflow.com/questions/6540541/trying-to-get-a-jquery-event-to-fire-onclick-on-a-select-option-form
<div class="proptions_container">
<select name="proptions" id="proptions" class="proptions">
<option value="0" class="default_proptions" id="choose_prompt">Choose your Proptions…</option>
<option value="1" class="default_proptions">Yes <strong>or</strong> No</option>
<option value="2" class="default_proptions">Before <strong>or</strong> On/After</option>
<option value="3" class="default_proptions">More than <strong>or</strong> Less than</option>
<option value="4" class="default_proptions">Better <strong>or</strong> Worse</option>
<option value="5" id="custom_proptions_option">A <strong>or</strong> B (customize below)</option>
</select>
<div id="custom_proptions">
<input name="proption_1" type="text" class="text" id="proption_1" placeholder="First Proption" />
<span id="custom_or">or</span>
<input name="proption_2" type="text" class="text" id="proption_2" placeholder="Second Proption" />
</div>
<script>
$('option#custom_proptions_option').click(function() {
$('div#custom_proptions').slideDown('slow');
});
$('option.default_proptions').click(function() {
$('div#custom_proptions').slideUp('slow');
});
</script>
</div>
<script>
$('#proptions').change(function() {
if ($(this).find(':selected').val() === '5') {
$('div#custom_proptions').slideDown('slow');
} else {
$('div#custom_proptions').slideUp('slow');
}
});
</script>