bootstrap 模态框modal 传值问题

在后台管理系统中,Bootstrap的模态框Modal被广泛用于编辑操作。本文介绍如何将页面上的值传递到模态框内显示。通过HTML触发模态框的按钮,结合JavaScript的event.relatedTarget属性和data-*属性,可以方便地获取并设置模态框中的内容。
摘要由CSDN通过智能技术生成

后台管理的项目常会使用到bootstrap里面的模态框modal,因此编辑的时候就需要将页面上的值传到模态框里面并显示,如:

html代码:触发模态框

<a href="#updateDeptMd" data-toggle="modal" class="btn btn-success btn-xs" data-orderId="需要传递的值">修改</a>

 

模态框

<!--修改部门的模态框-->
<div class="modal" id="updateDeptMd">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">修改部门信息</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="updateDeptFom">
                    <div class="form-group">
                        <label for="
  • 0
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值