jQuery Select Value

Does event based on Select value

by bluetidepro

HTML

<select id="event_type_id" name="event_type_id">
    <option value="--Select a team--" selected="selected">
        --Select a team--
    </option>
    <option value="Fresh Prints Clothing" >
        Fresh Prints Clothing
    </option>
    <option value="Beau Clothing" >
        Beau Clothing
    </option>
</select>
<div id="events" style="display: none">Events</div>
<div id="announcements" style="display: none">Announcements</div>

CSS

#events { background:yellow; }
#announcements { background:red; }

JavaScript

$(function() {
    $("#event_type_id").change(function() {
        var val = $(this).val();
        switch (val) {
        case '--Select a team--':
            $("#events").hide();
            $("#announcements").hide();
            break;
        case 'Fresh Prints Clothing':
            $("#events").show();
            $("#announcements").hide();
            break;
        case 'Beau Clothing':
            $("#events").hide();
            $("#announcements").show();
            break;
        }
    });
});