[javascript] textarea의 value가 계속 공백으로 가져옵니다

Question

안녕하세요. 하루죙일하다가 안되서 질문드립니다 ㅠ .참고로 다른 페이지에서는 잘 동작하는데 유독 이 페이지에서만 그러네요.var txtarea=""; var icon=""; 이런 코드가 수정버튼을 누르면 추가됩니다. 그러다가 버튼감지하면 아래의 코드가 감지한다음var content=$("[name=modify-content]").val(); 이걸로 textarea 값을 가져와서ㅕ update하는 문장인데,계속 안되길래 alert(content)로 봤더니 위와같이 빈값이 나옵니다. 그래서 왜이러지 하면서 개발자도구 켜서 $("[name=modify-content]").val();실행 시켜보면위와같이 값은 잘 가져옵니다. 그럼어디선가 val()로 갑 가져오기전에 script에서 안의 값을 비워주나했는데 그런건 아닌거같고.. 사용하는 api가 youtube api와 naver smarteditor2.9.1정도입니다.왜이런지 알 수 있을까요 ㅠ $(document).on('click', '#btn-comment-modify, #btn-reply-cancel, #btn-reply-regist', function(){ var index=$(this).attr('id'); var obj=$(this); if(index=='btn-reply-regist'){//리플 등록 var comment=$("[name=comment-reply-form]").serialize(); insertComment(comment); } if(index=='btn-comment-modify'){//리플 수정 등록 var id=$("#btn-comment-modify").closest('li').attr('id').split('-')[1]; var content=$("[name=modify-content]").val(); updateComment(id,content); } if(index=='btn-reply-cancel'){//취소 $("#reply").remove(); getCommentList(); } })==============================================================================해결했습니다. 원인은 다른 이벤트리스너에서 같은 class명을 감지하고있어서 거기서 먼저 감지해버리고액션을 취하면서 내용을 비워버리더라구요.그래서 다 id값으로 고유값 주고 구분해서 하니 잘 됩니다. 답변주셔서 감사합니다(__)

나도아빠다 · Answer

UpdateContent봐야 알거같은데..서버로 업데이트 날린뒤에 값을 엎어치는 식으로 하셨다면 그사이에 어떻게 처리했는지 보기전엔 답이안보임.

드코 · Answer

if(index&#61;&#61;'btn-comment-modify'){//리플 수정 등록 var id&#61;$(&#34;#btn-comment-modify&#34;).closest('li').attr('id').split('-')[1]; var content&#61;$(&#34;[name&#61;modify-content]&#34;).val();alert(content);alert($(&#34;[name&#61;modify-content]&#34;).val()); updateComment(id,content); }저 2개는 잘 찍힌다는거죠??updateComment() 이함수 들어와서도 해당 content가 찍히는지 보면 좋을거 같아요. 그리고 변수명이 너무 흔한거라 어디서 중복될지도 모르겠어요 let content 하시거나 변수명을 다른거로 주시는거도 좋을거 같아요.

캐츠비 · Answer

네 다른곳에서 클래스명으로 이벤트 감지를 해놔가꼬 그러더라구요. 변경해서 해결했습니다 ㅠ

[javascript] textarea의 value가 계속 공백으로 가져옵니다

3개의 답변

Q&A 목록