HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 활용예제 : select/otion 항목 중 반드시 선택하도록...
글번호: 238
작성자: 레드플러스
작성일: 2008/11/14 오후 9:17:00
조회수: 3587
파일: SelectOption.png (6 KB) / 전송수: 1716
SelectOption.png
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        /// <summary>
        /// select/otion 항목중 -선택- 이외의 항목을 반드시 선택하도록
        /// </summary>
        function Validate() {
            if (document.getElementById("lstFavorite").selectedIndex == 0) {
                window.alert("관심사항을 선택하세요.");
            }
            else {
                window.alert("당신의 관심사항은? " + document.getElementById("lstFavorite").value);
            }
        }
    </script>
</head>
<body>

당신의 관심사항은?

<select id="lstFavorite">
    <option value="">-선택-</option>
    <option value="C#">C#</option>
    <option value="ASP.NET">ASP.NET</option>
    <option value="Silverlight">Silverlight</option>
</select>

<input type="button" value="선택" onclick="Validate();" />

</body>
</html>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

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

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 활용예제 : 넘겨오는 값에 따라서 레이어 Expand/Collapse - 레드플러스 2008-11-28 3423
현재글 활용예제 : select/otion 항목 중 반드시 선택하도록... SelectOption.png(6 KB) 레드플러스 2008-11-14 3587
다음글 활용예제 : 버튼 또는 특정 영역에 마우스 오버시 풍선도움말(레이어)를 띄우는 예제 Popup.png(1 KB) 레드플러스 2008-11-13 7680
 
손님 사용자 Anonymous (손님)
로그인 Home