[英]Variable value not passing into mySQL statement in Bootstrap Modal
[英]Passing a variable into a Bootstrap modal
我能够将变量传递给模态底部的bootstrap 3模态,在模态中它说id =“ callId”,但是如何将callID传递给模态为$ test = callId的模态。
<a data-id="<?=$sid?>" data-conf="<?=$call_conf?>" class="open-AddCallDialog btn btn-success btn-xs" href="#addCallDialog">Call Borrower</a>
jQuery脚本
$(document).on("click", ".open-AddCallDialog", function (e) {
e.preventDefault();
var _self = $(this);
var myCallId = _self.data('id');
$("#callId").val(myCallId);
$(_self.attr('href')).modal('show');
});
模态
<div class="modal fade" id="addCallDialog"> 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">Call Borrower</h4>
</div>
<div class="modal-body">
<div class="row well">
$test = call_conf;
</div>
</div>
<div class="modal-footer">
<input name="id" id="callId" type="hidden" value=""/>
<input name="pid" type="hidden" value="<?php echo $pid;?>"/>
<input name="processtp" type="hidden" value="callborrower"/>
<button id="submit" class="btn btn-primary btn-block btn-xs center">Update</button>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
创建/销毁引导程序模态时会触发一些事件。
您需要的一个是shown.bs.modal
,它在显示模态且所有CSS3动画完成后便会触发。 通过挂接到该事件,您可以将数据添加到模式的DOM结构中。
$(document).on('click', '.openAddCallDialog', function(event)
{
var _self = $(this),
id = _self.data('id'),
conf = _self.data('conf'),
modalEl = $(_self.attr('href'));
modalEl.modal('show').one('shown.bs.modal', function(event)
{
// This function body is the modal shown event callback
// You can do anything in this function to modify the DOM
// within the shown modal.
var modal = $(this);
modal.find('#callId').val(callId);
modal.find('.well').text(conf);
});;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.