모달창에 여분필드 값 넘기기
본문
<?php for($i=1;$i<=40;$i++){?>
<?if($it['it_'.$i.'_subj']){?> //여분필드에 값이 있으면
<tr>
<td><label for="modal" class="button">설명보기</label></td>
</tr>
<input type="checkbox" id="modal" class="hidden"> //모달창 내용
<div class="box_modal">
<label for="modal" class="closer">x</label>
<div class="text">
<h3><?php echo $it['it_'.$i]?></h3> // 여분필드 값 출력
<p><?php echo $add[$it['it_'.$i]];?></p> // add 연관 배열에서 출력
</div>
</div>
<?}}?>
<!--모달-->
<script>
var modal = document.getElementById('myModal');
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks on the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
모달창을 여러개 만들어서 창마다 다른 값이 나와야되는데
설명 보기를 누르면 한번에 여러창이 떠서 마지막에 있는 모달창의 값만 보입니다
저번 여쭤봤을때 모달창을 하나 만들고 설명보기를 누를때마다 값을 계속 바꿔줘야 한다고 하셨는데 쉽지 않네요,,
이것만 3일째 보고있는데 도저히 모르겠어서 질문글 올립니다 ㅜ
답변을 작성하시기 전에 로그인 해주세요.
