SIR
목록으로

select:focus 를 영역을 부모요소에 줄수 없나요? 채택완료

인찌
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 2,177
답변 1
목록

Copy 
<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를 넣고싶습니다. 

메일 폼 전체를 감싸는 선으로요~

방법이 있을까요?

#javascript #select

답변 1개

채택된 답변
+20 포인트

간단하게 만든다면 이렇게 될 것 같긴하네요

Copy 
$("#selectEmail").on("focus",function(){
  $(".mail_form").addClass("borders");  
});
$("#selectEmail").on("blur",function(){
  $(".mail_form").removeClass("borders");  
});
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고