Select dropdown option

by slolife

HTML

<select id="selector">
<option value=""></option>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<a class="select" href="#1">1</a>
<a class="select" href="#2">2</a>
<a class="select" href="#3">3</a>
<a class="select" href="#4">4</a>

JavaScript

function selectOption() {
    var num = $(this).text();
    var options = $('#selector')[0].options;
    for (var i = 0; i < options.length; i++) {
        if (options[i].value.match(num)) {
            options[i].selected=true;
        }
        else {
            options[i].selected=false;
        }
    }
}

$(document).ready(function() {
   $('a.select').click(selectOption); 
});