콤보박스 선택시 페이지 이동 질문 있습니다.!!!
본문
어떤 옵션은 그냥 현재창에서 띄우고 어떤 옵션에서는 _BLANK 띄우고 싶은데 다른 글에서 퍼와서 사용해봤는데 잘안되네요 ㅠㅠ
<script language="javascript">
function jumpMenu(frm){
if( frm.jump.options.selectedIndex != 0 ){
if( frm.jump.options[frm.jump.selectedIndex].target == "_blank" ){ //_blank이면 새창을 띄움
window.open(frm.jump.options[frm.jump.selectedIndex].value,"new","");
} else {
location.href=frm.jump.options[frm.jump.selectedIndex].value;
}
}
}
</script>
<form name="form">
<select name="jump" onchange="jumpMenu(this.form)">
<option value="<?php echo G5_BBS_URL; ?>/board.php?bo_table=client" target="_blank">회원사소개</option>
<option value="<?php echo G5_BBS_URL; ?>/content.php?co_id=joinguide">회원가입안내</option>
<option value="<?php echo G5_BBS_URL; ?>/board.php?bo_table=notice">공지사항</option>
</select>
</form>
답변 5
<script language="javascript">
function jumpMenu(frm){
if( frm.jump.options.selectedIndex != 0 ){
if( frm.jump.options[frm.jump.selectedIndex].getAttribute('target') == "_blank" ){ //_blank이면 새창을 띄움
window.open(frm.jump.options[frm.jump.selectedIndex].value,"new","");
} else {
location.href=frm.jump.options[frm.jump.selectedIndex].value;
}
}
}
</script>
<select name="jump" id="jump-select">
<option value="">선택</option>
<option value="<?php echo G5_BBS_URL; ?>/board.php?bo_table=client" target="_blank">회원사소개</option>
<option value="<?php echo G5_BBS_URL; ?>/content.php?co_id=joinguide">회원가입안내</option>
<option value="<?php echo G5_BBS_URL; ?>/board.php?bo_table=notice">공지사항</option>
</select>
<script type="text/javascript">
$(function(){
$("#jump-select").change(function(){
if(!$(this).val()) return false;
if($("option:selected", this).attr('target')=="_blank")
{
console.log($("option:selected").index());
window.open($(this).val(),"new"+$("option:selected", this).index(),"");
}
else
{
location.href=$(this).val();
}
});
});
</script>
<select name="jump" onchange="jumpMenu(this.form)">
여기 name 값으로 하는 거 말고 id 값으로 하는 소스를 찾아보세요
http://www.w3schools.com/ - html5까지 크로스 브라우징까지 다 좋지만 영어의 장벽, 하지만 참고하기에 좋음 자주볼수록 실력이 늘어남.
기본에 충실할수 있음. 하지만 오래된 사이트라서 html5 와 같은 최신정보들이 부족함.
익스에서만 지원하는것도 무분별하게 나열되어서 무조건적인 학습은 혼란을 초래할수 있음.
항목별로 w3school과 비교하며 보면 나름대로 큰 도움이 됨
https://opentutorials.org/course/2039
생활코딩
http://naradesign.net/open_content/lecture/wp/#section1