웹모아
웹모아[손님] 검색   로그인 / 회원가입    


 
폼체크-예제
 


콤보박스/리스트박스를 이용한 사이트이동
  2011-12-11 01:51:36 작성:푸른산 댓글:(0)   조회:2802



option속성
    select태그안의 항목을 배열형태로 정보를 가지고 있습니다.
        options.length : 항목의 갯수를 알아냅니다.
        options.SelectedIndex : 선택된 항목의 인덱스값. 선택된 항목이 없으면 '-1'을 반환.
        options[인덱스번호].defaultSelected : 기본적으로 선택되어 있는 항목인지를 알아냅니다. 설정유무에 따라 True, False값을 반환합니다.
        options[인덱스번호].index : 항목의 인덱스번호를 반환합니다.
        options[인덱스번호].selected : 항목의 선택유무를 알아냅니다.
        options[인덱스번호].text : 항목의 문자열을 반환합니다.
        options[인덱스번호].value : 항목의 value값을 반환합니다.
    onchange : 항목을 변경/선택하면 이벤트를 수행합니다.

    <html>
    <script language="JavaScript">
    <!--

    function sel_item() {  // 콤보박스와 관련된 함수입니다.
    win = window.open("","")  // 새로운 창이 생성되어 해당사이트를 보여줍니다.

    if (frm1.myselect.options[0].selected)
      win.location.href = "http://www.naver.com"
    else if (frm1.myselect.options[1].selected)
      win.location.href = "http://www.daum.net"
    else if (frm1.myselect.options[2].selected)
      win.location.href = "http://www.empas.com"
    }

    function site_move() {  // 리스트박스와 관련된 함수입니다.
    var myindex = frm1.mysel.selectedIndex;

    if (myindex == -1)
      alert("항목을 선택하지 않았습니다.");
    else
      location.href = frm1.mysel.options[myindex].value;
    }

    // -->
    </script>
    <body>

    :: 이동할 포털사이트를 선택하세요 ::
    <form name="frm1" method="get">
    <select name="myselect" onchange="sel_item()">
      <option>네이버</option>
      <option>다음</option>
      <option>엠파스</option>
    </select>
    <br><br><hr><br>
    <select name="mysel" size=3>
      <option value="http://www.naver.com">네이버</option>
      <option value="http://www.daum.net">다음</option>
      <option value="http://www.empas.com">엠파스</option>
      <option value="http://www.yahoo.co.kr">야후</option>
    </select>
    <br><br>
    <input type="button" value="이동합니다" onclick="site_move()">
    </form>
    <hr>

    </body>
    </html>



 댓글 (0)


폼체크-예제
페이지: 1 / 1   


   특수문자 입력금지, 숫자만 입력 가능 등등 유용한 2746
콤보박스/리스트박스를 이용한 사이트이동(푸른산)2803
   텍스트 입력 테그에 이미지로 설명문 넣기2141
   자바스크립트 셀렉트박스에 옵션추가 selectbox3087
   텍스트폼에 숫자만 입력되게 하기 (이벤트) IE F2354
   입력버턴의 값이 1인 것의 갰수 구하기1971
   Radio button value 값을 보려면?2404
   라디오버튼 체크여부(유무) 확인기능(1) 2409
   아이디 체크2069
   한글만 입력가능하게(홈마스타)2176
     [RE] 한글과 숫자만 입력가능하게(홈마스타)2349
   한글 중에 미완성된 글자가 있는지 확인하려면(홈마스타)2640
   금지 메일 도메인 검사(홈마스타)2219
   회원가입시 메일정보 체크하크하기(홈마스타)2047
   객체 존재여부 확인(홈마스타)2266
   필드입력체크하기(홈마스타)2196
   영문 대문자 입력(홈마스타)2441
   check박스 배열 넘기기(홈마스타)5663
   파일 업로드 전... 파일크기 확인(홈마스타)2674
   이메일, 회원아이디, 주민등록번호 체크(홈마스타)2251
   회원가입시 사용하는 폼체크 예제(홈마스타)2174
   자바스크립트 공통함수(상큼한여)5423
[1]  

복수단어 검색은 공백(space)로 구분해 주세요.



 
최근 글
[손님]
19
20
25
178
188
353
691
1597
526
585
380
503
4142
1002
1649
 
인기 글
[손님]
5423
5082
10181
7323
9063
7424
7320
6737
[깊은연못] 24시간 Classical Radio
5735
8899
10550
5524
11408
[홈마스타] check박스 배열 넘기기
5663
5844