새창에 사이트 이동  결과보기

javasciript 로 인라인 작성

<select onchange="if(this.value) window.open(this.value);" class="family">
                    <option value="">선택하세요.</option>
                    <option value="http://www.naver.com">네이버</option>
                    <option value="http://www.daum.net">다음</option>
                    <option value="http://comlearn.co.kr">학습</option>
                </select>

jquery로 작성을 하려면

<select  class="family1">
                    <option value="">선택하세요.</option>
                    <option value="http://www.naver.com">네이버</option>
                    <option value="http://www.daum.net">다음</option>
                    <option value="http://comlearn.co.kr">학습</option>
                </select>

jquery

$(".family1").change(function(){
                if(this.value){
                window.open(this.value)
            }    
 });

버튼을 클릭하면 이동

<select class="select family">
                    <option selected >패밀리 사이트</option>
                    <option value="1" >Photoshop</option>
                    <option value="2">illustrator</option>
                    <option value="3">HTML</option>
                    <option value="4">CSS</option>
                    <option value="5">Javascript</option>
                    <option value="6">jQuery</option>
                </select>
                <button class="select-bt">클릭</button>

js

    $(".select-bt").click(function(){

         var index=$(".select option:selected").val();

        if(index==1){
            window.open("http://comlearn.co.kr","blank");
        }else if(index==2){
            $(location).attr("href","http://www.naver.com");
        }else if(index==3){
            $(location).attr("href","http://www.daum.net");
        }else{
            $(location).attr("href","http://www.w3schools.com");
        }

        
    });

예제 script

if문

            if(index==1){
                alert("option 1");
            }else if(index==2){
                alert("option 2");
            }else if(index==3){
                alert("option 3");
            }else{
                alert("option 4");
            }

            
switch case문

switch (index) {
          case "1":
            window.open("http://comlearn.co.kr","blank");
            break;
          case "2":
            $(location).attr("href","http://www.naver.com");;
            break;
          case "3":
            alert("option 3");
            break;
          case "4":
            alert("option 4");
            break;
          default:
            alert("option 5");
        }