bootstrap模态框传值问题

本文主要是介绍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);
}