成都网站建设设计

将想法与焦点和您一起共享

bootstrap模态框modal传值问题-创新互联

https://blog.csdn.net/wuyan1001/article/details/54633030

隆阳网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作,到程序开发,运营维护。创新互联公司从2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

html代码:

 
编号 模块名称 中文名字 接口名字 请求header 请求参数 请求body 响应断言 需求流水号 操作
[[${pagefo.interName}]] 编辑 删除

模态对话框



js代码如下

说明:当前通过jquery方式获取值,再通过css传值到对话框。


$('#editVoince').on('show.bs.modal', function (event) {
      var btnThis = $(event.relatedTarget); //触发事件的按钮
      var modal = $(this);  //当前模态框
      var modalId = btnThis.data('id');   //解析出data-id的内容
      var content = btnThis.closest('tr').find('td').eq(2).text();
      modal.find('.content').val(content);         
});

效果如下:
bootstrap 模态框modal 传值问题

bootstrap 模态框modal 传值问题

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享名称:bootstrap模态框modal传值问题-创新互联
网页链接:http://chengdu.cdxwcx.cn/article/decesg.html