bootstrap模态框传值问题

关于模态框传值的方法有很多种,这里我主要记录下我传递的过程。

 <div style="height: 90px;" class="default">
 <p>${receiver.consignee}</p>
  <p>${receiver.phone}</p>
  <p>${receiver.address}</p>
<input type="button" class="btn upd" value="修改" data-toggle="modal" data-target="#addressModal" οnclick="editAddress(${receiver.id},this)">
</div>
主要就是点击这个button弹出模态框,让div中的参数传递到模态框中。


<!--修改地址弹出层-->
	<div class="modal fade" id="addressModal" role="dialog"  aria-labelledby="myModalLabel" aria-hidden="true" style="margin-top:50px; padding-left:0px">
	<form id="saveAddForm" action="${base}/member/order/editAddressInfo.jhtml"  method="post" >
	 <input type="hidden" name="id" value="" id="rid"/>
	<div class="modal-header" style="text-align: center">
	<h3 id="myModalLabel">修改信息</h3>
	</div>
	<div class="modal-body">
	 <div class="row" style="padding-left:50px">
	    <div class="lable"><b>*</b>姓名</div>
	    <div class="input">
	        <input type="text" name="consignee" id="con" value="" placeholder="姓名"  style="width: 400px;height: 37px; float: left;"/>
	    </div>
	</div>
	 <div class="row" style="padding-left:50px">
	    <div class="lable"><b>*</b>手机</div>
	    <div class="input">
	        <input type="text" name="phone" id="pho"  value="" placeholder="手机" style="width: 400px;height: 37px; float: left;" />
	    </div>
	</div>
	 <div class="row" style="padding-left:50px">
	    <div class="lable"><b>*</b>地址</div>
	    <div class="input">
	        <input type="text"  name="address" id="add" value="" placeholder="地址" style="width: 400px;height: 37px; float: left;"/>
	    </div>
	</div>
	
	<div class="modal-footer" style="text-align: center">
	    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	    <button type="submit" class="btn btn-primary">保存</button>
   	</div>
   	</div>
	</form>
	</div>

<!--弹出层结束-->


传递参数的js代码如下:

//模态框传值
function editAddress(id,obj){
$("#rid").val(id);
var name=$(obj).parent().find('p')[0];//通过parent()方法返回被选元素的直接父元素,找到第一个P标签。
var consignee	=$(name).text();      //获取P标签中的内容
$("#con").val(consignee);	      //赋值给模态框中的input	
var phone=$(obj).parent().find('p')[1];
var mob=$(phone).text();
$("#pho").val(mob);
var address=$(obj).parent().find('p')[2];
var addr=$(address).text();
$("#add").val(addr);
}






  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值