select 를 이용해서 새창으로 링크를 여는 것을 자주 사용합니다.

흔히 family site 라는 형태로 사용하는데요.

이것이  맥북이나 아이폰의 safari 에서는 작동이 안되는 문제가 있쬬.

이것의 해결을 위해 다양한 방법을 찾아다녔는데 결국 해결이 안되고 있습니다.

테스트로 만들어본 페이지입니다.

https://www.happyjung.com/demo/css/select_new_windows.html

적용된 코드는 다음과 같습니다.

방법1  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<select class="selectBox01" onchange="return goURL('go1')" name="go1" id="go1">
   <option value="default" selected>방법1.....</option>
   <option value="https://www.google.com">구글</option>
   <option value="https://www.happyjung.com">해피정닷컴</option>
</select>
<script>function goURL(link)
{
   box = '#'+ link;
   if( $(box).val() != "default"){
      URL = $(box).val();
      window.open(URL,'win','')
   }
}
</script>

방법2.

<script type="text/javascript">
function hyper_select(w) {
   if (w.selectedIndex != 0) {
     url=w.options[w.selectedIndex].value;
     window.open(url,'_blank','')
   }
}
</script>
<select onChange="hyper_select(this)">
   <option value="">방법2.....</option>
   <option value="https://google.com">Google</option>
   <option value="https://www.happyjung.com">해피정닷컴</option>
</select> 

방법3  
<select name="hyper_select" onchange="window.open(this.value)">
   <option value="">방법3.....</option>
   <option value="https://google.com">Google</option>
   <option value="https://www.happyjung.com">해피정닷컴</option>
</select>

여러분은 어떻게 사용하시나요?