Динамическое расширение и сжатие границы div с выпадающим списком «SELECT»

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>