Изменение шрифта через select

Написал такой скрипт.

<script type="text/javascript">
var fontselect = documet.getElementById("fontsizepostsel");
var a = fontselect.selectedIndex;
function fontsizepost()
{
if(a == 0) {document.getElementById("fontpostsize").style.font-size = "10px";}
if(a == 1) {document.getElementById("fontpostsize").style.font-size = "11px";}
if(a == 2) {document.getElementById("fontpostsize").style.font-size = "12px";}
}
</script>
Размер шрифта в постах 
<select id="fontsizepostsel" onchange="fontsizepost()">
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
px.

Не работает.
Скрип должен менять шрифт во всех тегах с id=fontpostsize в зависимости от выбранного в селекте.
Помогите, может что не так написал?

 Источник:dle-faq.pro, DLE