jsp页面 a标签
//注意引号的问题,这里不能使用onclick事件,加载模态框和a标签的onclick事件不能同时使用
解决方式:
<a href="javascript:openModal(’参数1‘,’参数2‘)">点击弹出模态框</a>
同一个页面模态框
<!-- 模态框开始 -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>//关闭模态框
<h4 class="modal-title" id="myModalLabel">我是模态框标题</h4>
...//模态框内容
姓名:<span id="name"></span>,
地址:<span id="age"></span>
</div>
</div>
</div>
</div>
<!-- 模态框结束 -->
<!-- js调用模态框 -->
<script type="text/javascript">
$("#myModal").modal("hide");//加载页面首先隐藏模态框,指向模态框的ID
function sendMsg(name,age){//a链接的参数
$("#myModal").modal("show");//显示模态框
//将a标签传递的参数获取到,并显示在模态框里
document.getElementById('name').innerHTML = name;
document.getElementById('age').innerHTML=age;
}
</script>

本文介绍如何在JSP页面中使用模态框展示动态内容。通过a标签触发模态框显示,并传递参数到模态框内进行展示。文章详细展示了模态框的HTML结构及JavaScript调用方式。

381

被折叠的 条评论
为什么被折叠?



