Select switcher

by Alex

HTML

<select name="s" id="s">
    <option value="1">44</option>
    <option value="2">46</option>
    <option value="3">48</option>
</select>
<div class="c" data-s="1">44</div>
<div class="c" data-s="2">46</div>
<div class="c" data-s="3">48</div>

CSS

.c {
    background: #880;
    float: left;
    margin: 2px;
    padding: 5px;
    cursor: pointer;
}

JavaScript

$(document).on({
    click : function() {
        $('#s').val($(this).data('s'));
        return false;
    }
}, '.c');