모바일에서 셀렉트 박스 선택시 옵션이 밀립니다.

모바일에서 셀렉트 박스 선택시 옵션이 밀립니다.

QA

모바일에서 셀렉트 박스 선택시 옵션이 밀립니다.

답변 1

본문


 <div class="col-sm-10 px-2">
  <select id="auto_comment" onClick="autoComment();">
   <option value="">자동멘트선택</option>
   <option data-value="1절">동해물과 백두산이 마르고 닳도록 하느님이 보우하사 국내 만세</option>
   <option data-value="2절">남산 위에 저 소나무 철갑을 두른 듯 바람서리 불변함은 우리 기상일세</option>
   <option data-value="3절">가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세애국가</option>
 </select>
</div>
 
<script>
 function autoComment() {
  var comment = $("#auto_comment option:selected").data('value');
  $("#wr_content").empty();
  $("#wr_content").append(comment);
 }
</script>

셀렉트 박스를 이용하여 댓글 자동멘트를 출력하려고 합니다.

PC에서는 정상작동 하는데 모바일에서는 1절을 누르면 출력이 안 되고

1절 선택하고 2절 또는 3절을 눌러야 1절이 출력됩니다.

쉽게 설명하자면 한 회차씩 밀립니다.

여러 브라우저로 확인 해봤습니다만 동일한 증상이네요..

어디가 문제일까요? 아시는 분이 계시면 도움 좀 주십시요^^

이 질문에 댓글 쓰기 :

답변 1

온체인지로 바꾸세요...
onchange="autoComment();"
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,284
© SIRSOFT
현재 페이지 제일 처음으로