如何将值传递到 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 来完成这项工作,我将不胜感激!谢谢!
最佳答案
$("#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>
关于javascript - 将 Javascript ID 推送到 Bootstrap 模式中(当现有功能到位时......),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42782048/