셀렉트박스 변환하는 방법 팁좀주세요 ㅠㅠ 채택완료
훈훈훈훈훈
8년 전
조회 3,543
현재 이런식의 2016년,2015년처럼 년도가 나타나는 셀렉트 박스를 사용중입니다.
총4개가있는데
제일 앞의 셀렉트 박스의 연도를 예를들어 2017로 바꾸면 뒤의 셀렉트는 2016
그뒤는 2015등 순차적으로 -1해서 셀렉트박스가 자동설정되게 하고싶은데
방법을 잘모르겠습니다 ㅠㅠ
셀렉트박스의 값은 넉넉하게 넣어놨기때문에 변환만 잘되면 문제없이 뜰것같은데
도움좀 부탁드립니다 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
jquery 쓰시는게 어떠실까요?.
select가 change되었을때 해당 value값을 -1씩해서
해당 id select의 value에서 해당값을 'selected' 되게 하는게.....
초짜라 깊이 생각안하고 막만들었습니다.;;;
</p><p style="font-size: 14.6667px;"><select id='sel1'><span style="font-size: 14.6667px;"></select></span></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"><select id='sel2'></span><span style="font-size: 14.6667px;"></select></span></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"> </span></p><p style="font-size: 14.6667px;"><span style="font-size: 14.6667px;"><script></span></p><p><span style="font-size: 14.6667px;">$('#sel1').on("change", function(){</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>var value = $(this).val();</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>value--;</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$('#sel2').val(value).prop("selected", true);</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>value--;</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$('#sel3').val(value).prop("selected", true);</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>value--;</span></p><p><span style="font-size: 14.6667px;"><span class="Apple-tab-span" style="white-space:pre"> </span>$('#sel4').val(value).prop("selected", true);</span></p><p><span style="font-size: 14.6667px;">});</span></p><div></script></div><p style="font-size: 14.6667px;"> </p><p style="font-size: 14.6667px;">
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인