bootstrap模态框的调用
2024-09-01 06:38:08
1、<a href="JavaScript:void(0);" class="bs-tooltip remark-item" rel="{$bill.id},{$bill.username},{$bill.remark}"><i class="icon-pencil"></i>备注</a> 2、<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button><h4 class="modal-title" id="myModalLabel"> 备注 </h4></div>
<form class="form-horizontal row-border" method="post" role="form" id="remark">
<input type="hidden" name="id" id="bill_id" value=""/>
<div class="modal-body">
<div class="form-group">
<label class="col-md-2 control-label">客户名称:</label>
<div class="col-md-10">
<input type="text" id="user_username" value="" class="form-control input-width-medium" disabled />
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">备注:</label>
<div class="col-md-10">
<input type="text" name="remark" id="bill_remark" value="" class="form-control input-width-xlarge" placeholder="备注" />
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭 </button>
<button type="submit" class="btn btn-primary"> 确定 </button>
</div>
</form>
</div>
</div>
</div>
3、js调用
$("a.remark-item").click(function (b) {
var data=$(this).attr('rel');
var result = data.split(",");
$("#bill_id").val(result['0']);
$("#user_username").val(result['1']);
$("#bill_remark").val(result[2]);
$("#myModal").modal();
});
最新文章
- Bzoj3144 [Hnoi2013]切糕
- kmp 和boyer-moore
- CPU MPU MCU SOC SOPC关系及区别
- datawindow直接导入导出xml
- 0. SQL Server监控清单
- C#中class的访问级别
- gulp的常用api
- 详述JavaScript数组
- PCB差分线学习
- Dubbo原理解析-Dubbo内核实现之SPI简单介绍
- @DateTimeFormat(pattern = ";yyyy-MM-dd HH:mm:ss";) 前台request 获取body的格式是正确的 (2018-03-23 16:44:22) 但是Java 后台却格式化成了yyyy-MM-dd的格式 巨坑(@InitBinder搞得贵)
- Oracle——存储过程的使用
- PKUWC2019游记&;&;WC2019游记
- PHP之高性能I/O框架:Libevent(一)
- Node.js进程管理之进程集群
- [TJOI2014]Alice and Bob[拓扑排序+贪心]
- 域hash值破解的总结经验
- 【Python】重载模块
- Aware接口
- poj 3169&;hdu3592(差分约束)
热门文章
- java Export Excel POI 转
- Mysql 2条记录 差值计算
- 12 python json&;pickle&;shelve模块
- 判断一个对象是否为真 __nonzero__ 方法和 __len__方法
- express + mongodb 搭建一个简易网站(二)
- C#语法基础
- RegExp.$1 简单理解
- SVN服务器端的安装和配置
- U盘做启动盘后,恢复原始容量
- 安装配置Windows Live Writer做为博客客户端