如何实现点击不同图片弹出相对应的模态框数据内容?

用的bootstrap写几个模态框弹出框,我想实现点击随机某个元素,弹出那个元素相对应的模态框的内容,数据都是数据库获取遍历出来的,是加参数还是怎么做?求解答!

3个回答

为什么要写几个模态框?如果是存数据库的话直接写一个就可以了啊。你可以把ID遍历出来放在那里,根据点的ID查询下。,弹出的模态框数据是根据他ID查询的内容就可以实现对应的了。

循环的数据都有不同id吧,设成参数然后获取到就行了,或者用key值做参数

我觉得不需要做多个模态框,你可以点击元素对应的id查找出内容显示在模态框中

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
点击按钮弹出模态框实现
点击按钮弹出模态框的实现: html: 模态框 模态框 头部 × 这是一个模态框! 喜欢就点个赞吧!
bootstrap-模态框-弹出图片
Launch demo modal × Close
点击文字显示相对应的图片
1:先设置一个装按钮的“盒子”,因为这样方便设置按钮的居中和一些其他样式,在HTML中设置相对应点击按钮,给这几个按钮设置一个共同的div,方便设置他们的共同样式,给他们的共同div设置样式:宽设为100,高40,再把他们的边框隐藏,设置一个5px的圆角,再稍微把字体弄大一点, 按钮效果截图: 2:再给第一个按钮背景颜色为红色,字体颜色为蓝色,第二个背景颜色为蓝色,字体颜色为黄色,第三个背景颜色...
点击加入购物车弹出模态框
效果   子组件里的值要从父组件里传递,而不能由子组件去改变,也可以子组件自己修改,但是不不能影响到父组件 首先在src/commmponts里新j建一个model, 用到插槽slot和props父子传值和$emit触发事件  ...
相对应的数据
1.1 这次是两个渲染好的layui表格,是在你点击A表单的某一行数据时,B表单里面就会显示所属的A表单里面的数据。 1.2 首先是有放置表单的样式,以便为渲染表单做处理,它为,而a标签是为了我另外一方面做处理的,让同视图的情况下切换多种表单,所以在切换另一种表单时隐藏此表单,显示另一个表单。Layui的渲染表单是在页面一加载后出现的表单。但还要声明全局变量var tabQZZ; var la...
点击图片弹出视频实现
使用jQuery插件FancyBox实现
如何弹出当前点击的内容
页面是一个超链接列表,当我点击列表中某一超链接时,就弹出该超链接的内容。不知道是如何写rnrn页面:rn[code=HTML]rn rn aaaaaaaaaaaaaaaaaaaarn bbbbbbbbbbbbbrn ccccccccccccccccccccrn dddddddddddddddddddddrnrn[/code]rnrnjquery代码:rn[code=JScript]rn$(function () rn $(".word").bind("click",function () rn var word = $(this).val();rn alert(word);rn $.ajax(rn type: 'post',rn url: '../demo.aspx',rn data: 'do': 'submit', 'word': word ,rn success: function () rn alert("OK");rn ,rn error: function () rn alert("Error");rn rn )rn )rn)rn[/code]
怎么移除相对应的内容!!!
[code=html]rnrnrnrn rn Documentrn rn rnrnrn rn rn rn 内容1rn 内容2rn 内容3rn rn rn rn rn 不限rn 点击2rn 点击3rn 点击4rn rn rn 不限rn 点击6rn 点击7rn 点击8rn rn rn 不限rn 点击10rn 点击11rn 点击12rn rn rn rn rn rnrn rnrnrn[/code]rn请问下 当我把js_box_1里面的内容获取到js_box_2里面 当我点击“不限”的时候 怎么才能移除js_box_2里面内容对应的ul里面的内容 比如我点击“不限1” 只能移除js_box_2里面有 点击2 点击3 点击4 其他的不能移除
如何实现根据不同的文件后缀名,打开相对应的应用程序??
例如:111.doc文件,它就打开word应用程序。
弹出模态框
开发工具与关键技术:DW 作者:冯超 撰写时间:2019年2月14日 下面是两种弹出模态框的方法 js弹出模态框,代码如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> &am
点击不同的CTreeCtrl节点,弹出不同的窗口,如何实现
我在MDI程序,做了一个WorksapceBar,内嵌CTreeCtrl。rn如何做到点击一个节点,弹出一个CEditView窗口,点击另一个节点,弹出一个CScrollView窗口
模态框的弹出
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术:VS 与bootstrap 作者:梁英豪 撰写时间:2019年6月8日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 模态框的弹出 今天呢!我就来练习一下模态框的弹出,模态框的弹出对大家来说都不陌生了。 因为在现实的...
listbox不同内容如何弹出不同对话框???
ArnBrnBrnArnArnArn例如在listbox中我点A弹出A对话框;点b弹出B对话框/
快速匹配相对应图片
使用level-list 在看书的时候,发现一个快速匹配图片的办法,就是使用这个 level-list, 根据定义的级别在显示相对应的图片 在使用 level-list 的时候,maxLevel 最小值是0,最大值是10000,**特别强调::**在xml 中定义的时候需要按照maxLevel 从小往大进行排列,否则会匹配失效 使用步骤 在 drawable 文件下新建一个 icon...
删除数据库相对应的图片
protected void Del(object sender, CommandEventArgs e)rn rn SqlConnection mycon = new SqlConnection(ConfigurationManager.AppSettings["Connstr"]);rn string SQL = "select ImageUrl from gonggaoxinxi where zhanhui_id='" + e.CommandName + "'";rn rnrn Page.Response.Redirect("newsManage.aspx");rn rnrn实现不懂,被这问题搞了好久,哪个好人能贴出完整的代码来吗..rn我要完整的代码,因为我也知道用File.Deletern(假设路径是当前目录中:image/***)
如何的到相对应的ROWID?
我在SQLPlus 里用"select rowid from tableName " 得到的ROWID 值 和 在程序里用结果集得到的ROWID不同, 例如:rn rowid rnSQLPlus : AAAI2WAADAAAEgzAAArnResultset: 4141414932574141444144145677A414141rn虽然说他们是相对应的,但这两个不同的值给我的操作带来很大的麻烦,请问是为什么,该怎样解决?
点击按钮弹出模态框的一系列操作
实现功能 提交按钮功能: 点击提交按钮的时候都会弹出模态框,但是有不同的状态: 审核状态未通过:弹出未通过理由的input输入框,模态框中除了取消和确定按钮,新增确定并保存医院的按钮 审核状态已通过:如果新增医院的经纬度没有填写,会提示填写经纬度,填写之后点击提交按钮,模态框中显示确定和取消按钮 审核状态待审核:模态框中显示确定和取消按钮 添加医院的html代码: <div class=...
基于bootstrap 在同一个界面弹出不同的模态框
同一个页面如何操作多个模态框的弹出 <button class="btn btn-info" data-toggle="modal" data-target="#myModal">第一个模态框</button> <button class="btn ben-default" data-toggle="modal" data-targe
移动端点击弹出模态框禁止页面滑动
其实无需js脚本监听,只需在点击打开或关闭弹框时改变html和body元素的固定类型 以及结合overflow属性的变化而改变。     /***禁止滑动***/ stop() { document.documentElement.style.position = 'fixed'; document.body.style.overflow = 'hidden'; //隐藏滚...
新手求助!如何实现点击一个模态框以外的 空白区域 来关闭这个弹出模态框
[img=https://img-bbs.csdn.net/upload/201702/23/1487853320_266154.jpg][/img]rnrn鼠标点击在模态框以外任何地方 都能关闭,点在模态框上不关闭,rn是要获取鼠标的位置,判断是否在模态框上?rn该给谁绑定单击事件呢,?rn求助rnrn
调查表,根据不同的选项来显示相对应的内容
此调查表是针对上个调查表的改变,交互页为“survey-new.html”,静态效果页为“survey-new - 副本.html”,其需求为: 1、点击所需品类时,会出现对应的内容; 2、当没有选中品类时,“已选品类”这个标题不显示,当选中品类时,这个标题显示; 3、对应的内容要隔行换色; 4、因为内容的长短不同,所以根据品类的name来判断使用哪个class名。 大体的效果就实现了,具体的就可以交给后台,他们写了接口,就可以根据具体的数据来添加html。其中有些参数需要后台开发来新增加。
点击手机底部的标签时 切换相对应的内容界面
点击手机底部的标签时 切换相对应的内容界面,点击下方每个按钮切换到相应的fragment下
如何改变弹出的模态框的大小
使用 showModalDialog 弹出 test.htmlrnrntest.html 包含一个隐含祯 1.html ,和一个主体内容文件 2.html 。rnrn希望在 2.html 的某个按钮上执行一个事件,改变整个 test.html 窗口的大小。rnrnopen 弹出的窗口我试了,可以,不知道 showModalDialog 的该这么写。rnrn谢谢!
bootstrap模态框弹出和隐藏,动态改变中间内容
引入文件             点击‘显示’按钮  $('#modalID').click(function () {             $('#newNotice').modal({backdrop:false})         }) 改变内容  $('#changeModalID').click(function () {             $('
点击li弹出对应的index
//html代码 第一个 第二个 第三个 //js代码 window.onload = function(){                var lis = document.getElementById("test").children                for(var i=0;i                           li
如何定义坐标,实现相对应的位置?
我在Application,自己写代码添加了一个PANEL,然后在PANEL中增加一个button,想这个button,靠右并离panel边界10个像素,设置了xy坐标,都么有用,总是靠左贴着panel的边边,请教一下,下面是我的代码:rn[code=Java]rnthis._qPanel.x=47;rnthis._qPanel.y=15;rnthis._qPanel.id="questionPanel";rnthis._qPanel.width=585;rnthis._qPanel.height=412;rnthis._qPanel.states=new Array("showQuestion");rnrnthis._app.addElement(_qPanel);rnrnrnrnrn//x="493" y="335" label="确 定" id="answerBtn" click="answerBtn_clickHandler(event)"rnvar button:Button=new Button();rnbutton.x=493; rnbutton.y=335;rnbutton.label="确 定";rnbutton.id="answerBtn";rnbutton.addEventListener(MouseEvent.CLICK,answerBtn_clickHandler);rnrnthis._qPanel.addElement(button); rn[/code]
如何选择分类内容出现相对应的内容!
在程序中,DBComboBox1中为分类,DBComboBox2为对应的内容。如何实现选择DBComboBox1类别而DBComboBox2出现不同的内容.rn 如图rn |-11 rn |--1-- \ rn | |-12 \ rn | \rn ComboBox1-- / ComboBox2rn | |-21 /rn |--2-- / rn | |-22/ rn |
boostrap模态框二次弹出清空原有内容
boostrap的模态框第二次弹出时总会保留第一次编辑的内容,解决方法如下: 在模态框中每个文本框(或选择框,取决于你的模态框里有哪些样式)动态获取值的方法里添加: $(".myModal1").empty();(myModal1为模态框的class名)就可以了。 注意:不是在弹出模态框的方法里添加 $(".myModal1").empty()。
点击图片,弹出放大图片
我的图片按一定比例缩小读入到image控件中,下面有一个“查看图片”按钮Button1,点击此按钮,弹出原图!请教思路和实现方法啊!
点击图片弹出视频
再分享弹出视频代码前,雯雯木先道个歉,比原先说的推迟了几天主要是前几天手里项目急,没抽出来时间,废话不多说了,本木头开始分享之旅程。 头标签:    $(function(){  $("#demoBtn1").click(function(){       $('#demo1').layerModel({  blurClose : true  });  
微信小程序点击按钮实现弹出模态框
效果图 wxml <button class="show-btn" bindtap="changeYL">预览</button> <view class="modal-mask" bindtap="hideModal" wx:if="{{showModal}}"></view>
点击图片弹出大图
JS点击图片弹出大图,JS弹出图片 非常好用
点击弹出图片
//main package com.bwei.cellphonedemo; import android.animation.AnimatorSet; import android.animation.ObjectAnimator; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; imp
各种弹出图片文字和表单模态框特效
 下载地址http://sc.chinaz.com/jiaoben/171030538860.htm
Vue.js通过api数据点击跳到相对应的页数
HTML代码: 这是分类的页面,因为分类这边没有数据                         Toan bo san pham                             Volkswagen                             SARATOGA                             Horie
不同坐标系下,相对应的坐标计算
[img=http://img.my.csdn.net/uploads/201211/27/1354025311_8453.jpg][/img]rnrn坐标计算问题,求思路,能用C++代码写出来更好。rn如上图所示rn条件:rnA1是1/3 AB的点,E是1/2 AB的点,即将ABCD正方形9分割与4分割rnrnABCD坐标系为(0,0,8192,8192) 即A(0,0) D(8192,8192)rnA1B1C1D1为另一个坐标系(0,0,8192,8192) 即A1(0,0) D1(8192,8192)rn由四分割与九分割我们知道rn在坐标系ABCD中 矩形A1EFC1的坐标取整为(2730,0,4096,2730) 即A1(2730,0) F(4096,2730)rnrn请问,如何通过矩形A1EFC1在ABCD坐标系中的坐标求出A1EFC1在坐标系A1B1C1D1中的坐标rn从图中可以直观的看出来在A1B1C1D1坐标系下矩形A1EFC1的坐标为(0,0,4096,8192),rn但是这个如何通过在ABCD坐标系下的坐标(2730,0,4096,2730)求出来
Ajax入门问题。如何实现点击链接实现不同的内容
新手提问:如何用php实现像csdn首页那样点击一个新闻框的标题就显示不同的内容呢。谢谢啦。
如何根据不同域名取数据库里对应的内容?
主机上有一套程序,其中有文件index.php,想实现如下的对应关系rn/index.php?userid=1 对应 www.a.comrn/index.php?userid=2 对应 www.b.comrn/index.php?userid=3 对应 www.c.comrn/index.php?userid=4 对应 www.d.comrn........rn即一个会员对应一个不同的域名,程序都是一样的,只是根据不同的域名取不同的内容。该如何做?rnrn
JS实现点击图片可弹出大图
如题,使用Javascript,实现点击图片可弹出大图,大图可关闭?n新手求问!n谢谢
jq实现点击图片弹出大图
jq实现点击图片弹出大图
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法