모달창에 여분필드 값 넘기기

모달창에 여분필드 값 넘기기

QA

모달창에 여분필드 값 넘기기

본문



<?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일째 보고있는데 도저히 모르겠어서 질문글 올립니다 ㅜ

 

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 33
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT