javascript - 将 Javascript ID 推送到 Bootstrap 模式中(当现有功能到位时......)

Question

如何将值传递到 Bootstrap 模态框？我有一些基本的 HTML，如下所示:

<h2 class="name" itemprop="name">Name ABC</h2>

我希望看到的是“NAME ABC”在 Bootstrap 模式中被推送或“回显”..

我假设您使用“id”，但我不确定如何编码....

Bootstrap 中的 HTML 需要

<input type="text" name=" ID " value=""/> * I think!! *

如果有人可以使用基本的 JavaScript 来完成这项工作，我将不胜感激!谢谢!

Answer 1

$("#submit").click(function(){
  
  $("#modalInput").val($("#input").val());
  $("#modal_id").modal('show');
  
});

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Type a message : <input type="text" id="input">
<button id="submit">Send</button>

<div class="modal fade" id="modal_id">
<div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        
        <h4 class="modal-title">Message!</h4>
      </div>
      <div class="modal-body">
        Your Value : <input  type="text" id="modalInput" readonly/>
      </div>
             </div>
    </div>
    
  </div>