안그래보이지만 개발자/프론트엔드

form 태그 안에 button 있을 때 동작하지 않는 현상

자네트 2019. 7. 29. 13:11
반응형

그것은 바로
form 안에 있는 button을 전부 submit으로 인식하기 때문이었다.

테이블 tr을 버튼으로 추가하려고 하는데 자꾸 순간적으로 추가된듯 하다가 다시 새로고침되더니
uri 뒤에 ? 이 붙길래 뭔가 form이 작동하는 건 아닌가 하고 쳐봤더니 저렇댄다.

해결법은 button type을 명시해주면 된다.
그럼 form 태그 안에 있어도 잘 동작한다.

<button type="button" id="addbtn">


간단한 해결

p.s. 요소 추가하는 제이쿼리는 append

$('#id').append("넣을 내용");

 


 

반응형