How can i get the value of the <select> markup in my html and pass it on my javascript.

when i select red it should display my <div id=red>
im new to JS, so im not sure if i got the correct syntax.

HTML

<select>

<option name=choice1 value=red onclick=color(this.value)>red</option>

<option name=choice2 value=blue onclick=color(this.value)>blue</option>

</select>



<div id=red style=display:none;>

<p>You want RED</p>

</div>



<div id=blue style=display:none;>

<p>You want BLUE</p>

</div>

JAVASCRIPT

function color(color_type){

if (color_type == 'blue'){

document.getElementById('blue').style.display = 'block';

document.getElementById('red').style.display = 'none';

} 

else{

document.getElementById('blue').style.display = 'none';

document.getElementById('red').style.display = 'block';

}

}