JS - [ 모달 데이터 전달 ]

yunyj99 2022. 7. 3. 02:17

정확히는 데이터 전달이라기 보다 조금 야매스런 방법인 것 같다. 구글링해보니 jquery로 이용하는 방법들이 많던데 js로 하는 방법을 생각하다 보니..

우선 모달 버튼 html 코드이다. onclick 이벤트 함수의 매개변수로 전달하고자 하는 값(여기서는 그룹 넘버 값이었음)을 준다.

<!-- Button trigger modal -->
<span class="material-icons-outlined add-group" data-bs-toggle="modal" data-bs-target="#exampleModal2" onclick="setGrpNum(${grp.grp_num})">add_circle</span>

그리고 전역변수로 grpNum을 두고, 모달 버튼의 onclick 이벤트가 실행될 때 받아온 매개변수 값을 해당 전역변수 값에 넣어주고 사용했다.

let grpNum = 0;
function setGrpNum(num) {
	grpNum = num;	
}