개인소개사이트 만들던 중 option에 링크를 걸일이 생겼다!
👻문제 1. option에 링크 걸기(새탭에서 열기)
👻문제 2. 링크가 없는 option은 선택비활성화 및 링크 막기
✅해결 1. select태그에 onchange로 걸기!
<select name="wave" onchange="window.open(value, '_blank');">
✅해결 2. option태그에 disabled추가, value값을 none or # 을 주고, select태그 onchange에 if걸기!
<select name="wave" onchange="if (value !== 'none' && value !== '#') { window.open(value, '_blank'); }">
<option value="none" disabled>노션(준비중)</option>👇 최종 👇
<select name="wave" onchange="if (value !== 'none' && value !== '#') { window.open(value, '_blank'); }">
<option value="#" selected>★파도타기★</option>
<option value="https://bom-na.tistory.com/">블로그</option>
<option value="https://github.com/minji7901">깃허브</option>
<option value="none" disabled>노션(준비중)</option>
</select>