网站建设资讯

NEWS

网站建设资讯

bootstrap模态框modal传值问题

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

成都创新互联公司是一家集网站建设,凉州企业网站建设,凉州品牌网站建设,网站定制,凉州网站建设报价,网络营销,网络优化,凉州网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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 传值问题


当前题目:bootstrap模态框modal传值问题
链接分享:http://cdweb.net/article/ghpesh.html