<script>
function menuMove(id,mode) { 
    // mode can be 'first', 'last', 'up', 'down' 
    var obj = document.getElementById(id); 
    var idx = obj.selectedIndex; 
    if (idx < 0) idx = obj.selectedIndex = 0; 
    var opt = obj.options[obj.selectedIndex]; 
    switch (mode) { 
        case 'first': 
            obj.insertBefore(opt, obj.options[0]); 
            break; 
        case 'last': 
            obj.appendChild(opt); 
            break; 
        case 'up': 
            if (idx > 0) obj.insertBefore(opt, obj.options[idx-1]); 
            break; 
        case 'down': 
            if (idx < obj.options.length-1) obj.insertBefore(obj.options[idx+1], opt); 
            break; 
    } 
} 
</script> 
<select id="s" size="8"> 
    <option value="1 번 메뉴 입니다">1 번 메뉴 입니다</option> 
    <option value="2 번 메뉴 입니다">2 번 메뉴 입니다</option> 
    <option value="3 번 메뉴 입니다">3 번 메뉴 입니다</option> 
    <option value="4 번 메뉴 입니다">4 번 메뉴 입니다</option> 
    <option value="5 번 메뉴 입니다">5 번 메뉴 입니다</option> 
    <option value="6 번 메뉴 입니다">6 번 메뉴 입니다</option> 
</select> 
<div> 
    <a href="javascript:menuMove('s','first')">처음</a> | 
    <a href="javascript:menuMove('s','up')">위로</a> | 
    <a href="javascript:menuMove('s','down')">아래로</a> | 
    <a href="javascript:menuMove('s','last')">마지막</a> 
</div>