클릭시 모달 콘텐츠를 변경하는 방법 (부트 스트랩)

이 질문에 대한 답변을 검색하고 있었지만 필요한 답을 찾지 못했습니다. 부트 스트랩과 함께 모달 대화 상자를 사용하고 있으며 클릭 이벤트에서 모달의 내용을 변경하고 싶습니다. 나는 모든 내용을 변경하려는 버튼 Edit informations을 클릭 한 후클릭시 모달 콘텐츠를 변경하는 방법 (부트 스트랩)

이 내 모달 대화 코드

<div class="modal fade" id="myModal{{ $user->id }}" tabindex="-1" class="closemodal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
       <h4 class="modal-title" id="myModalLabel">More About {{ $user->name }}</h4> 
      </div> 
      <div class="modal-body"> 
       <center> 
        <img src="http://bootdey.com/img/Content/user_1.jpg" name="aboutme" width="140" height="140" border="0" class="img-circle"></a> 
        <h3 class="media-heading">{{ $user->name }}<small>, USA</small></h3> 
        <span><strong>Skills: </strong></span> 
        <span class="label label-warning">HTML5/CSS</span> 
        <span class="label label-info">Adobe CS 5.5</span> 
        <span class="label label-info">Microsoft Office</span> 
        <span class="label label-success">Windows XP, Vista, 7</span> 
       </center> 
       <hr> 
        <center> 
         <p class="text-left"><strong>Email: </strong> 
          {{ $user->email }}</p> 
         <br> 
        </center> 
      </div> 
      <div class="modal-footer"> 
       <center> 
        <button type="button" class="btn btn-default" data-dismiss="modal">I've heard enough about {{ $user->name }}</button> 
        <button type="button" class="btn btn-danger" id="editUserAdmin">Edit informations</button> 
       </center> 
      </div> 
     </div> 
    </div> 
</div>

, 나는 약간의 입력 필드를 삽입 할.

출처

2016-10-27 Devmasta

를 새로 그러나이 같은 이전의 내용이 대화 상자에서 삭제됩니다 페이지까지 새로운 남아 - var html = "<p>New html</p>";$(".container_div").empty().append(html); :

는 클릭에 초기 내용으로 컨테이너 사업부는이 작업을 수행 할 수 있도록? 도움이 필요하면 질문에보다 구체적으로 답하십시오. – Enijar

안녕하세요, #epowah, 작업에 대한 자세한 정보를 제공해 주시겠습니까? –

@Enijar 질문을 편집합니다 – Devmasta

당신은 함수를 만들 수 있습니다

function show_my_modal() { 
    var modal = $('#my_modal_id'); 

    // change modal content 
    modal.find('.i_want_to_change_value_of_element').val('element value'); 

    // show my modal: 
    modal.modal('show'); 
}

을 그리고 당신은 버튼 onClick='show_my_modal();'

출처

2016-10-27 07:49:10 Ultrazz008

에서 사용할 수있는 당신은 할 수 있습니다

2 명 div의합니다 <div id="default"></div><div id="on_click" style="display:none"></div> 및 default을 숨길하고 클릭에 on_click을 보여 이벤트가 Edit informations 버튼에 추가되었습니다. 이렇게 전환하십시오. 당신이 시도 무엇

출처

2016-10-27 08:33:47 sTx

클릭시 모달 콘텐츠를 변경하는 방법 (부트 스트랩)

답변

관련 문제