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


  
폼체크-예제
  

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


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 / 3   

▽ 특수문자 입력금지, 숫자만 입력 가능 등등 유용한 스크립트
열람:3643   2015.12.02 		
▽ 콤보박스/리스트박스를 이용한 사이트이동
(푸른산) 열람:3475   2011.12.11 		
▽ 텍스트 입력 테그에 이미지로 설명문 넣기
열람:2807   2008.12.19 		
▽ 자바스크립트 셀렉트박스에 옵션추가 selectbox option add - javascript
열람:3873   2008.08.20 		
▽ 텍스트폼에 숫자만 입력되게 하기 (이벤트) IE FF
열람:3006   2008.08.16 		
▽ 입력버턴의 값이 1인 것의 갰수 구하기
열람:2688   2007.10.21 		
▽ Radio button value 값을 보려면?
열람:3105   2007.10.20 		
▽ 라디오버튼 체크여부(유무) 확인기능
댓글:(1) 열람:3009   2007.10.20 		
▽ 아이디 체크
열람:3643   2007.10.04 		
▽ 한글만 입력가능하게
(홈마스타) 열람:3755   2007.08.11 		

[1]  [2]  [3]   ≫

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




 
최근 글 ▽[손님]
 
인기 글 ▽[손님]
▽[홈마스타] (1) oledb 접근 오류
▽[홈마스타] [RE] input type=\\
▽[홈마스타] (1) 아이피포워팅이란?