引導程序：與兩種模式交互

Question

我有一個模態，叫它有一個按鈕的模態A。 單擊此按鈕后，它將打開另一個模式B。現在，模式B中有一些內容需要復制到模式A，而無需關閉模式B即可將數據粘貼到模式A的文本框中。

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalA">
Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="modalA" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
  <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="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    <a href="#" onclick="return false;" data-toggle="modal" data-target="#modalB">Help</a>
<textarea id="PASTEHERE" class="form-control input-sm" row="5"></textarea>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
   </div>
  </div>
 </div>
 </div>

<!-- Modal -->
<div class="modal fade" id="modalB" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
  <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="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
   <p>SOME TEXT TO COPY</p>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
  </div>
 </div>
 </div>

Answer 1

您可以使用jQuery來做到這一點：

$("#modalA #PASTEHERE").val($("#modalB .modal-body p").html());