怎样通过css样式和js改变字体的大小,

我做了一个下拉列表框,列表中是不同的尺寸 ,如 12px,

select name="select" onChange="document.all.worddiv.style.font-size=this.value" >

<option value="14px">小</option>

<option value="20px">中</option>

<option value="36px">大</option>

</select>

其中worddiv是文字所在层的id,

请老师帮我看一下

<select name="select" onChange=document.getElementById("worddiv").style.fontSize=this.options[this.selectedIndex].value >

<option value="14px">小</option>

<option value="20px">中</option>

<option value="36px">大</option>

</select>

<div id="worddiv">ffsadsdfsa</div>