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>
展开
收起
1
条回答
写回答
写回答
-
用同样的方法在button上也绑定一个modal的id，然后在click函数里面通过jquery的data函数获取id值，不就完了吗？
<button type="button" class="btn btn-primary" id="deleteid" onclick="doDel()" data-id="<?php echo $v['id']?>">确认</button>
如果有很多id，就需要modal的事件函数了：var modal = $("#deleteModal"); modal.on("show.bs.modal", function(e) { // 这里的btn就是触发元素，即你点击的删除按钮 var btn = $(e.relatedTarget), id = btn.data("id"); // do your work })2019-07-17 19:21:48赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
