당신에게로 떠나는 꿈속여행 - 꿈속나라(http://www.inyourdream.net) 입국하기 | 영주권 신청
  • 몸부림 골라골라
  • 소근소근
  • 도란도란
  • 낙서마당
  • 착각한아이
  • 숫자맞추기
  • 소원빌기
  • 흔적남기기
  • 꿈속여행
  • 친구집 놀러가기
  • 모두드림님의 홈
  • 在祐님의 홈
  • 현우님의 홈
  • 별아해님의 홈
  • 햇살님의 홈
  • 이나니님의 홈
  • 유리알님의 홈
  • 냠냠이님의 홈
  • 꼭지님의 홈
  • 대성님의 홈
  • 在祐 / 2007-03-07 / 오전 2:02:13 / 221.152.73.203
    조회수 : 930
    [질문] select 박스 다루기
    <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>
    Byte * 200 Byte 이내로 입력하세요 이름 : 패스워드 :