select:focus 를 영역을 부모요소에 줄수 없나요?
본문
<div class="mail_form">
<input type="text" name="manageremail">
@
<div class="mail_select">
<input type="text" name="manageremail-domain" id="str_email02" style="display: none;" disabled>
<select name="manageremail-domain-select" id="selectEmail">
<option selected disabled hidden>이메일 선택</option>
<option value="naver.com">naver.com</option>
<option value="daum.net">daum.net</option>
<option value="nate.com">nate.com</option>
<option value="gmail.com">gmail.com</option>
<option value="hanmail.net">hanmail.net</option>
<option value="1">직접입력</option>
</select>
</div>
</div>
현재 select 클릭했을때 셀렉트 부분에만 focus가 나오는데
.mail_form 요기 부모요소에 border를 넣고싶습니다.
메일 폼 전체를 감싸는 선으로요~
방법이 있을까요?
답변 1
간단하게 만든다면 이렇게 될 것 같긴하네요
$("#selectEmail").on("focus",function(){
$(".mail_form").addClass("borders");
});
$("#selectEmail").on("blur",function(){
$(".mail_form").removeClass("borders");
});
답변을 작성하시기 전에 로그인 해주세요.