ダイナミック "SELECT"ドロップダウンリストを含むdiv罫線の拡大と縮小

Question

"SELECT"タイプのドロップダウンがクリックされたときに罫線の拡大/縮小効果をどのように達成できますか？

Answer 1

このような何か：

<div id="borderfx">&nbsp;</div> 

<script type="text/javascript"> 
    function changeBorder() { 
     document.getElementById('borderfx').style.borderStyle = this.options[this.selectedIndex].value; 
    } 
</script> 

<select onchange="changeBorder()"> 
    <option value="solid">Solid</option> 
    <option value="dashed">Dashed</option> 
    <option value="dotted">Dotted</option> 
</select>