item.form.skin.php / onclick시 구매하기 버튼이 자꾸 눌립니다.
본문
<style>
.hidden33 {
display: none;
}
</style>
<div class="hidden33">123</div>
<div class="hidden33">456</div>
<button onclick="showHidden()">Show hidden elements</button>
<script>
function showHidden() {
var hiddenElems = document.querySelectorAll('.hidden33');
for (var i = 0; i < hiddenElems.length; i++) {
hiddenElems[i].style.display = 'block';
}
}
</script>
123이나 456버튼을 클릭시에 자꾸 바로구매 버튼이 눌러져 orderform으로 넘어갑니다. 해결방법이 있을까요?
답변 3
이 문제를 해결하기 위해서는 onclick 이벤트를 바꿔야 합니다. 다음과 같이 코드를 수정하면 됩니다.
<button onclick="showHidden(); return false;">Show hidden elements</button>form 내에서 버튼 클릭시 submit 되어서 그런것 같네요.
엘리먼트를 button 이 아니라 div 로 변경하면됩니다.
button에 type="button" 으로 타입을 지정해주시면 됩니다. 타입이 없으면 submit이 되서 폼이 전송됩니다.
답변을 작성하시기 전에 로그인 해주세요.