이지지지지
10
2021-01-14 17:39:45
0
99

순수 자바스크립트로 셀렉트 태그가 열리게 할 수 있나요??


안녕하세요 바닐라 JS와 html, css를 이용해 웹사이트를 만드는 연습을 하고 있는데 문제가 생겨 질문 드립니다.


<select name="box" id="box">
    <option value="1">직접입력</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<input type="number" class="input-content d-none js-input" disabled>
<button class="js-btn">열기</button>


다음과 같이 직접입력이 선택되면 d-none이 서로 교차되는 형식으로 구현했는데 이 때 button을 클릭하면다시 select box의 옵션 리스트가 보이는 것을 구현하고 싶습니다.

select box가 나타나게 하는 것 까지는 성공했는데 select의 option 리스트들도 같이 보이게 할 수는 없을까요?


버튼을 클릭하면 셀렉트 박스가 보이지만 한 번 더 눌러야만 옵션 리스트가 보입니다.


자바스크립트에서 셀렉트 박스에 click 이벤트를 발생시키게도 했지만 제대로 작동이 안 되는 상황입니다...

0
  • 답변 0

  • 로그인을 하시면 답변 을 등록할 수 있습니다.