jquery - 带引导程序的模态，显示来自 textarea 的值

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();
  });

这是一个简单的例子： http ://plnkr.co/edit/iPcQGE78vM5t7k3PZPHx?p=preview