simple javascript drop down menu

I got this simple javascript but when i choose one of my options nothing displayed. Plz help, i don’t want to use show, hide functions. Is it possible to work just as it is?

<script>
// Show Hide
///////////////////////////
function show_what(id)
{
if (document.getElementById(id).style.display = “none”
{
document.getElementById(id).style.display = “none”;
}
else{
document.getElementById(id).style.display = “none”;
}
//////////////////////////////////////////////////////////////

// Select ChangeIt
///////////////////////////
function ChangeIt()
{
var aes
aes = document.getElementById().value ;

if (aes!=null)
{
if (aes==”ATHENS”)
{show_what(‘ATHENS’);}
else if (aes==”UK”)
{show_what(‘UK’);}
else if (aes==”GREEN”)
{show_what(‘GREEN’);}
}

}
//////////////////////////////////////////////////////////////
</script>

<select onChange=”ChangeIt()”>
<option value=””>Choose Location</option>
<option value=”ATHENS”>Athens</option>
<option value=”UK”>United Kingdom</option>
<option value=”GREEN”>Greenwich</option>
</select>

<br>

<div id=”ATHENS” style=”display:none;”>
<p><a name=”ATHENS”></a><b>Athens</b><br>qqqqqqqqqqqqqq</br></p>
</div>

<div id=”UK” style=”display:none;”>
<p><a name=”UK”></a><b>United- Kingdom</b></p>
wwwwwwwwwwwwww
</div>

<div id=”GREEN” style=”display:none;”>
<p><a name=”GREEN”></a><b>Greenwich</b></p>
ssssssssssssssssssssssss

</select>
</div>

Also in #JavaScript _↴