ajax 모달 중복 오류

Question

안녕하세요ajax로 회사명 검색해서 회사명, 대표자명, 업종 정보를 불러오고 있습니다.아래와 같이 불러오기 버튼 누르면 ajax로 DB값 불러오기 잘 됩니다.그런데ajax을 활용해서 [회사명 검색]과 [계정과목 검색] 두개를 각각!! 버튼을 누르면 불러올 수 있도록 구성하려고 합니다.그래서 [회사명 검색]의 ajax 소스를 복붙해서 [계정과목 검색]할 수 있는 소스를 추가했는데[회사명 검색]을 하려고 불러오기 버튼을 누르면 [계정과목 검색] 모달도 함께 뜹니다.<회사명 검색 ajax><회사명 검색 모달><계정과목 검색 ajax><계정과목 검색 모달>

inmonking · Answer

소스를 대충 훑어봤다가 답변 다시 다네요 ㅋㅋ모달 변수를 전역변수화 하시고 클래스로 호출해서 두 모달이 전부 반응을 하는 문제군요버튼에 클릭 이벤트 내에서 모달을 구분하게끔 호출을 하셔야 할것 같네요모달에 아이디가 부여되어있으니 아이디로 다시 호출하거나 모달 변수뒤에 find로 체이닝 해서 찾아보심이 어떨까요

후디파이 · Answer

앞분이 잘 설명해주신 것처럼 두 모달 모두 'modal'이라는 공통된 class를 가지고 있는데 클릭 이벤트에 이 class로 불러오니 두 모달이 모두 뜨는 것 같습니다. var modal = $('.modal'); 이 아니라 각 modal에 할당된 id로 불러와야할듯회사명 선택 이벤트에서 불러오는 모달은 var modal = $('#contractorNameModal');계정과목 선택 이벤트에서 불러오는 모달은 var modal = $('#subjectCodeModal');

ajax 모달 중복 오류

2개의 답변

Q&A 목록