Javascript show div on HTML select
<p>I've been playing with javascript to create a drop down list that shows a div depending on which option is selected.</p>

<p>All the code can be seen here:</p>

<p><a href="http://jsfiddle.net/nmdTy/" rel="nofollow">http://jsfiddle.net/nmdTy/</a></p>

<pre><code>var select = document.getElementById('test'),
onChange = function(event) {
    var shown = this.options[this.selectedIndex].value == 1;
    document.getElementById('hidden_div').style.display = shown ? 'block' : 'none';
};
</code></pre>

<p>I want to know how do I streamline this code and remove repetition - maybe some kind of loop?</p>
