您好！欢迎来到雅安论坛
关注我们
扫码关注官方微信
手机版
手机扫描直接访问
欢迎: 附近的朋友。
| |
商家入驻
|
网站导航
学习交流 分类信息 美食娱乐 旅游住宿 失物招领 寻人启事

分类信息

房屋租售 二手车 优质商家 相亲交友 求职招聘 兼职服务

板块直达

雨城区 名山区 荥经县 汉源县 石棉县 芦山县 宝兴县 大杂谈
搜索
热搜:    
登陆 注册
雅安论坛 › 综合信息 › 学习交流 › Bootstrap向弹出的模态框传递参数
宝兴县灵关保障性租赁住房建设项目（二期）

宝兴县灵关保障性租赁住房建设项目（二期）地块土壤污染状况初步调查报告公示 一、基本信息 宝兴县灵关 详细

返回列表 发新帖
111111

Bootstrap向弹出的模态框传递参数

[复制链接]
本站网友  发表于 2023-7-31 22:28:16 |阅读模式 打印 上一主题 下一主题
1.Bootstrap向弹出的模态框传递参数

在一新闻列表页面，点击每一条信息，都打开一个模态框用来显示新闻的详情。那么如何向模态框传值，知道我要打开的是那一篇新闻呢？先看代码。

  1. <div class="new_main" onclick="NewsDetail('2')"> </div>
复制代码

这里写的div里面有个NewsDetail的方法，里面是参数。页面上加一个隐藏的input框

  1.    <input type="hidden" id="newsid">
复制代码

然后见证奇迹。

  1. $(function () {
  2.         //绑定模态框展示的方法
  3.         window.NewsDetail= function (id) {
  4.             $("#newsid").val(id);
  5.             $('#myModal').modal('show');
  6.         }
  7.         $('#myModal').on('show.bs.modal', function (event) {
  8.             var newid = $("#newsid").val();
  9.             var modal = $(this);  //get modal itself
  10.             modal.find('.modal-body iframe').attr("src", "detail.html?newsid=" + newid);
  11.         });
  12.     })
复制代码

触发NewsDetail方法的时候，先给隐藏的input赋值，然后在myModal这个模块框里取值，给模态框里面的元素赋值就行了。

原文出处：https://blog.csdn.net/u012869793/article/details/84453145


bootstrap 弹出 模态 传递 参数

相关帖子
回复

使用道具 举报

返回列表 发表新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

雅安论坛

关注3

粉丝13

帖子2251

发布主题
推荐阅读 更多
阅读排行 更多
广告位
欢迎使用无需登录在线留言
姓名 

手机 

内容
关注我们

  • 关注官方微信

  • 论坛QQ群

Sitemap⋅小黑屋⋅Archiver⋅雅安论坛( 已经安全运行 ) |网站地图

在线客服

会员收集的资源（插件源码等），仅方便学习，您需要自行承担版权风险，未获得原作者授权的情况下，请勿将文章公开发布或用于商业用途。

声明：本站内容来自于论坛作者本人的观点，不代表本网站的观点和看法，与本网站立场无关，相关责任作者自负。如有侵权，请联系我们及时删除

高能预警：本站为个人网站，非团队运作，常年务农，山上信号不好，在线少，如有不妥之处，望大佬们多多包涵，万分感激！

雅安论坛互联网违法和不良信息举报平台 您也可以通过留言进行相关问题提交，留言提交无需注册，我们将严格保证用户隐私。   © 2009-2021