IMMusic Project(4) - 페이지 구상

프로젝트/Team

IMMusic Project(4) - 페이지 구상

내이름효주 2024. 4. 22. 21:13

contactUs 페이지 figma 작업 진행

Figma

Created with Figma

www.figma.com

email 옵션 값 지정

<script>
    $(function() {
        $('#select').change(function() {
            if ($('#select').val() == 'directly') {
                $('#textEmail').attr("disabled", false);
                $('#textEmail').val("");
                $('#textEmail').focus();
            } else {
                $('#textEmail').val($('#select').val());
            }
        })
    });
</script>

<body>
    <div>
        <input type="text" id="emailId" value="" placeholder="이메일 입력"> 
 <span>@</span>
 <input id="textEmail" placeholder="이메일을 선택해주세요."> 
 <select id="select">
            <option value="" disabled selected>E-Mail 선택</option>
            <option value="naver.com" id="naver.com">naver.com</option>
            <option value="gmail.com" id="gmail.com">gmail.com</option>
            <option value="directly" id="textEmail">직접 입력/option>
        </select>
    </div>
</body>

select box의 경우 click 이벤트가 아닌 change 이벤트 이용
javascript를 이용해 직접 입력 선택 시 input의 옵션 설정, 직접 입력 아니면 선택된 option값 넣기

📝 4일차 회의록

https://docs.google.com/document/d/14xAmN1LwoplTZx1HHgQawjLhkc9hYOpsQChSGwNhSCE/edit