Bootstrap Modal 如何传递参数
jQuery的版本是1.11.1.
HTML的代码是这样的。,其中data-id的value就是需要传递给modal的参数。
<a data-toggle="modal" data-id="<?php echo $v['id']?>" data-target="#deleteModal">删除</a>
modal框调用bootstrap的,代码如下,想要实现的效果是,当点击modal里的确认后,执行onclick对应的函数,从而把id传递到相应的函数。
或者不通过onclick也可以,只要能够实现点击modal框里的确认按钮后,将id传递给后端即可,谢谢。
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
你确认要删除么?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" id="deleteid" onclick="doDel(这里需要传入上面data-id对应的value)">确认</button>
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
</div>
</div>
</div>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
用同样的方法在button上也绑定一个modal的id,然后在click函数里面通过jquery的data函数获取id值,不就完了吗?
如果有很多id,就需要modal的事件函数了:
要多看文档
onclick(),对于你的例子,括号中应该填写什么。谢谢!
在js怎么实现?