Change value of a drop-down list with jQuery

If you need to change the value of a drop-down list as a result of another event (for example clicking on a link):

<form>
<select name="myList">
   <option value="1">Option 1</option>
   <option value="2">Option 2</option>
   <option value="3">Option 3</option>
</select>
<a href="javascript:void(0)" id="option1">Select option 1</a>
<a href="javascript:void(0)" id="option2">Select option 2</a>
<a href="javascript:void(0)" id="option3">Select option 3</a>
</form>

<script>
$('#option1').click(function() {
   $('select[name=myList] option[value=1]').attr('selected', 'selected');
});
$('#option2').click(function() {
   $('select[name=myList] option[value=2]').attr('selected', 'selected');
});
$('#option3').click(function() {
   $('select[name=myList] option[value=3]').attr('selected', 'selected');
});
</script>

 

Example:

Option 1Option 2Option 3 Select option 1 Select option 2 Select option 3