Stackoverflow 2013-06-20

Update pattern

by john_s

HTML

<select id="IPQ_THREE">
    <option value="Y">Yes</option>
    <option value="N">No</option>
</select>
<div id="IPQ_OTHRES_DIV">
    IPQ_OTHRES_DIV
</div>
<div id="IPQ_OTHRES">
    IPQ_OTHRES
</div>

JavaScript

$(function() {
    function updateDivs() {
        if ($('#IPQ_THREE').val() == 'N') {
            $('#IPQ_OTHRES_DIV').show();
            $('#IPQ_OTHRES').show().addClass('mandatoryInput');
        } else {
            $('#IPQ_OTHRES_DIV').hide();
            $('#IPQ_OTHRES').hide().removeClass('mandatoryInput');
        }
    }

    $('#IPQ_THREE').change(function() {
        updateDivs();
    });

    updateDivs();
});