모달 부트 스트랩과 함께, 텍스트 영역

Question

에서 쇼 값이 나는 부트 스트랩 조동사를 사용하고 있는데 내가 모달에서 텍스트 영역의 값을 표시하기 위해 노력하고있어, 여기에 코드 :

<textarea name="text" id="moderador" rows="20"><?=trim($contenido)?></textarea> 

그리고 모달 :

<div id="previa" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Vista Previa</h3> 
    </div> 
    <div class="modal-body" id="modals"> 
    <script> 
     $("#modals").html($("#moderador").val()); 
    </script> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Cerrar</button> 
    </div> 
</div> 

문제는 .. 텍스트 영역에 무언가를 추가하면 모달이 표시되지 않고 첫 번째 값만 표시되고 정보는 업데이트되지 않습니다. 어떻게해야합니까?

영어로 죄송합니다.

Answer 1

표시 할 때 모달 값을 설정하는 것이 가장 좋습니다. 이는 JavaScript를 사용하여 모달을 전환하고 데이터 속성을 사용하지 않아야 함을 의미합니다. 예를 들어 :

$('#showModal').click(function() { 
    $("#modals").html($("#moderador").val()); 
    $('#previa').modal(); 
    }); 

여기에 빠른 예를 들어 plunker는 다음과 같습니다 http://plnkr.co/edit/iPcQGE78vM5t7k3PZPHx?p=preview