본문 바로가기

프로그래밍/자바스크립트

부트스트랩 모달 창에 정보 넣기



<script>

    function modal_view(cp, mng, add, tel, seq) {

        $('#viewModal').on('show.bs.modal', function (event) {

            $(".modal-body #customer_name").val( cp );

            $(".modal-body #manager_name").val( mng );

            $(".modal-body #tel").val( tel );

            $(".modal-body #address").val( add );

            $(".modal-body #seq").val( seq );


        })

    }


</script>







hlml 코드 - 


<a href="#" data-toggle="modal" data-target="#viewModal" 


onclick="modal_view('<?=$row->company_name?>','<?=$row->manager?>','<?=$row->address1?> <?=$row->address2?>'


,'<?=$row->tel?>','<?=$row->seq?>');"> <?=$row->manager?> </a>


<!-- 수정 모달 창 -->

<div class="modal fade" id="viewModal" tabindex="-1" role="dialog" 


aria-labelledby="exampleModalLabel" aria-hidden="true">

    <div class="modal-dialog">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">


                <span aria-hidden="true">&times;</span></button>

                <h4 class="modal-title" id="exampleModalLabel">내 거래처</h4>

            </div>

            <div class="modal-body">

                <form name="customer" method="post" action="/My_customer/insert_customer">

                    <input type="hidden" class="form-control" id="seq" name="seq">

                    <div class="form-group">

                        <label for="recipient-name" class="control-label">회사이름</label>

                        <input type="text" class="form-control" id="customer_name" name="customer_name">

                    </div>

                    <div class="form-group">

                        <label for="recipient-name" class="control-label">담당자</label>

                        <input type="text" class="form-control" id="manager_name" name="manager_name">

                    </div>

                    <div class="form-group">

                        <label for="recipient-name" class="control-label">전화</label>

                        <input type="text" class="form-control" id="tel" name="tel">

                    </div>

                    <div class="form-group">

                        <label for="message-text" class="control-label">주소</label>

                        <textarea class="form-control" id="address" name="address" placeholder="주소를 입력해 주세요">


                        </textarea>

                    </div>

                </form>

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal">닫기</button>

                <button type="button" id="insert_customer_btn" class="btn btn-primary">등록</button>

            </div>

        </div>

    </div>

</div>


신택스 하이라이트 다른걸로 바뀌야겠네요


부트스트랩 코드 티스토리에서 먹네요