HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 활용예제 : Select 태그의 특정 항목 선택하기
글번호: 234
작성자: 레드플러스
작성일: 2008/10/30 오전 12:51:00
조회수: 4616
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Select 태그의 특정 항목 선택하기</title>
    <script language="javascript" type="text/javascript">
    function InitSelect()
    {
        var s = "3"; // 여기에 option의 value속성 입력
        var fav = document.getElementById("favorite");

        for (var i = 0; i < fav.length; i++)
        {
            if (s == fav.options[i].value)
            {
                fav.selectedIndex = i; // 특정인덱스를 선택
                fav.disabled = true; // 개체 비활성화
            }
        }    
    }
    </script>
</head>
<body>
    <form id="form1">
    <div>
        <select id="favorite" name="favorite">
            <option value="1">C#</option>
            <option value="2">ASP.NET</option>
            <option value="3">Silverlight</option>
        </select>
        <input type="button" value="특정 항목 선택하기" onclick="InitSelect();" />
    </div>
    </form>
</body>
</html>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 활용예제 : 레이어(div)를 보였다 안 보였다를 반복 - 레드플러스 2008-11-04 5067
현재글 활용예제 : Select 태그의 특정 항목 선택하기 - 레드플러스 2008-10-30 4616
다음글 About the W3C Document Object Model - 레드플러스 2008-03-03 3674
 
손님 사용자 Anonymous (손님)
로그인 Home