在modal中访问javascript中的变量

Accessing variables from javascript in modal (noob)

本文关键字：变量 javascript 访问 modal      更新时间：2023-09-26

我怎么能得到modelname显示在模态。换句话说，我如何正确地将变量从javascript传递到我的模态?

我有以下javascript:

<script type="text/javascript">
$(document).on("click", ".cadlib", function () {
     var modelname = $('#modelname').text();
     $('#myModal').modal('show');
});

和一个模态对话框:

<div id="myModal" 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">My Modal</h3>
</div>
<div class="modal-body">
Here's all the info you would want to know about {{modelname}} 
</div>
</div>

使用您可以定位的占位符元素-将{{modelname}}替换为<span id="modelnameplaceholder"></span>之类的内容。然后，您可以这样做:

$('#modelnameplaceholder').replaceWith(modelname);
参考

: http://api.jquery.com/replaceWith/

例子jsFiddle : http://jsfiddle.net/G82mk/

行后:

var modelname = $('#modelname').text();

添加:

$('#myModal .modal-body').html($('#myModal .modal-body').html().replace('{{modelname}}', modelname));

相关文章：