새창에 사이트 이동 결과보기
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");
}