Using this add-on http://devot-ee.com/add-ons/yearlist , you can do this:
Configure the drop-down list as follows:
<form name="yourform" action=""> <select id="yourselect" name="yourselect"> {exp:yearlist channel="yourchannel"} <option value="{path=archive}/{year}">{year}</option> {/exp:yearlist} </select> </form>
On the landing page, you'll do something similar to display your entries based on the year:
{exp:channel:entries channel="news" year="{segment_2}"} <h1>{title}</h1> {body} {/exp:channel:entries}
And use some jQuery to redirect to your summer pages:
<script type="text/javascript"> $('#yourselect').change(function() { window.location = $(this).val(); }); </script>
If you want to do this via javascript instead of jQuery checkout in this article
Natetronn
source share