jQuery show content based on dropdown
<p>I wish to show content based on dropdown value. So 2005 select will only show content with date of 2005 etc.</p>

<p>HTML: </p>

<pre><code>    &lt;select id="year" name="Year"&gt; 
        &lt;option value="#" selected="selected"&gt;Year...&lt;/option&gt; 
        &lt;option value="#"&gt;2007&lt;/option&gt; 
        &lt;option value="#"&gt;2006&lt;/option&gt; 
        &lt;option value="#"&gt;2005&lt;/option&gt; 
    &lt;/select&gt; 
</code></pre>

<p>-</p>

<pre><code>&lt;li class="pr"&gt;
   &lt;a class="image" href="image.jpg" width="50" height="50" /&gt;&lt;/a&gt;
   &lt;span class="date"&gt;2006&lt;/span&gt;
&lt;/li&gt;

&lt;li class="pr"&gt;
   &lt;a class="image" href="image.jpg" width="50" height="50" /&gt;&lt;/a&gt;
   &lt;span class="date"&gt;2007&lt;/span&gt;
&lt;/li&gt;
</code></pre>

<p>Had a look at this:
<a href="http://stackoverflow.com/questions/7019096/jquery-dropdown-hide-show-div-based-on-value">jQuery dropdown hide show div based on value</a></p>

<p>but seems overkill? </p>
